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

Question

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

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

Answer 1

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

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

即正常

.example {
    font-size: 14px;
}

即强制

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

但是，尝试找出发生冲突的 CSS 样式，并可能更改它的应用顺序或命名（如果这是一个常见参数）。