sweetalert2 更改弹出图标颜色

Question

我正在尝试更改 swal2-error 的 SweetAlert2 弹出图标颜色。

我已经为它更改了节点包中的变量颜色，并将变量放入我的组件 scss 和我的全局 scss 文件中，并且它不会改变最糟糕的部分是如果我进入检查元素并更改

上的颜色

.swal2-icon.swal2-error {
    border-color: #f27474;
}

它会改变，但再次模仿所有相关文件中的 css 并且没有任何改变，对此的任何帮助将不胜感激。

Answer 1

尝试添加 !important 以覆盖您可能拥有的任何其他颜色定义。

.swal2-icon.swal2-error {
  border-color: #f27474 !important;
}