使用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;
 }

OR

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