css - sweetalert2 更改弹出图标颜色

标签 css sass sweetalert2

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

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

上的颜色
.swal2-icon.swal2-error {
    border-color: #f27474;
}

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

最佳答案

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

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

关于css - sweetalert2 更改弹出图标颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51538852/

相关文章:

javascript - Sweetalert2 不返回真/假

javascript - 在 Firefox 的引导模式下,Sweet Alert 中的文本框无法聚焦

javascript - 基于 if 语句链接额外的 Sweet Alerts

直 Angular 梯形的css3 matrix3d变换

css - 覆盖 Rails SASS Bootstrap CSS

function - 从 map 中打印出 sass 键

sass - 如何安装 Dart Sass?

css - 背景大小 : cover doesn't work for height

html - SVG 路径在 IE10+ 中没有大小,不显示标签位置

html - 静态左侧列