Javascript中的自定義警報無法正常工作

我正在使用addon-builder開發Firefox的插件。我想用我的插件替換JavaScript中的正常警報框。所以，我選擇了使用jQuery自定義警報框。 jAlert詳細信息給出here。現在Javascript中的自定義警報無法正常工作

，我做了定製警報（在警報標題和顏色）。它在某些網站上正常運行。但在一些網站上，默認的CSS主宰了我的jQuery CSS，這導致了意外的警報（醜陋的警報）。

來源

2012-07-09 Mmh

不是最好的解決方案，我通常會避免這一點，但它仍然工作。

在CSS中使用的!important關鍵字將迫使它覆蓋其他任何當前設置。

即普通

.example { 
    font-size: 14px; 
}

即強制

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

然而，試圖找出哪些CSS樣式是相互矛盾的，也許改變順序的應用或命名（如果這是一個常見的參數）。

來源

2012-07-09 10:58:20 ericosg

謝謝，這個解決方案正在工作。 – Mmh 2012-07-09 12:00:33

我可能知道，爲什麼這不是最好的解決方案？ – Mmh 2012-07-09 12:06:51

主要是由於它的使用意味着您沒有使用標準的CSS優先規則流，這意味着默認情況下，特定級別的每種樣式都會覆蓋其他樣式。如果你確實有遵循規則的CSS，那麼這個強制會打破這些規則，這是不一致的。它也在IE6中失敗（並不令人意外），並可能因IE7而失敗。在這裏閱讀更多：http：//www.electrictoolbox.com/using-important-css/ – ericosg 2012-07-09 12:15:17

Javascript中的自定義警報無法正常工作

回答

相關問題