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

Question

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

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

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

以下是样式：

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

我使用的formio版本是“angular-formio”：“3.17.0”，

score 0 · Accepted Answer

I guess this is a typo from formio missing a \ and not any font issues. You can override it like below.

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

OR

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

1 回答 1