使用 Formio 的表单生成器关闭图标问题

Question

我在我的应用程序中使用表单构建器，当我拖动一个新元素时，会出现一个弹出窗口，其中包含与该元素相关的属性，问题出在弹出窗口关闭图标没有显示，而不是关闭图标相关键(D7) 正在显示，关闭功能也正常工作。

任何人都可以让我知道问题是什么...我用谷歌搜索时没有任何线索，也没有找到任何解决方案

顺便说一句，我在我的应用程序中使用 Bootstrap CSS，我认为 bootstrap 图标覆盖了表单构建图标，但不确定。

样式如下：

 "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "src/assets/styles/app.scss",],

我使用的 formio 版本是 "angular-formio": "3.17.0",

Answer 1

我想这是 formio 的错字，缺少 \ 而不是任何字体问题。您可以像下面一样覆盖它。

.formio-dialog-close:before {
   content: '\D7' !important;
 }

或

.formio-dialog.formio-dialog-theme-default .formio-dialog-close:before
{
   content: 'X' !important;
}

Form builder close icon issue using Formio