css sweetalert2改变弹出图标颜色

k3fezbri 于 12个月前发布在其他

关注(0)|答案(2)|浏览(119)

我试图改变swal2错误的SweetAlert2弹出图标颜色。
我已经改变了它的节点包中的变量颜色，并把变量放在我的组件scss和我的全局scss文件中，它不会改变最糟糕的部分是，如果我进入检查元素并改变颜色，

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

字符集
它会改变，但再次模仿css在所有相关的文件和没有任何变化，任何帮助，这将是非常感谢。

2条答案

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

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

字符集

由于SweetAlert 2的latest versions，通过使用值iconColor可以控制图标颜色的选项：

swal.fire({
    title: 'your title',
    icon: 'success',
    iconColor: '#30a702',
    showCloseButton: true
});

字符集