Javascript中的自定义警报无法正常工作

Question

我正在使用addon-builder开发一个Firefox插件。我想用我的插件替换Javascript中的普通警报框。所以，我已经使用jQuery选择了自定义警报框。 jAlert详细信息为here。

现在，我制作了自定义提醒（标题和颜色处于警报状态）。它在某些网站上正常运行。但在某些网站上，默认的CSS主导着我的jQuery CSS，这会导致意外的警报（丑陋的警报）。

Answer 1

不是最好的解决方案，我通常会避免这种情况，但它确实有效。

CSS中使用的!important关键字会强制它覆盖任何其他当前设置。

即。正常

.example {
    font-size: 14px;
}

即。强制

.example {
    font-size: 14px !important; 
}

但是，请尝试找出哪种CSS样式存在冲突，并可能更改其应用顺序或命名（如果这是一个常见参数）。