網頁CSS覆蓋CKEditor的3風格

Question

我有一個網頁，我加載screen.css其中包含一個邪惡規則，由於種種原因，我不能刪除或修改：

a { 
    background: red !important; 
} 

我上使用CKEditor 3.x同一頁面和問題是，無論我選擇哪種風格（v2，kama，office2003），編輯器的按鈕看起來都是紅色的。

FCKeditor 2.x沒有問題，因爲它創建了一個iframe來託管整個編輯器實例。因此，邪惡的CSS片段甚至不存在於其頁面中。

雖然新的CKEditor 3.x雖然使用div和表來承載編輯器包裝和按鈕，然後iframe僅用於豐富的textarea內容。

任何解決方案？

謝謝

Answer 1

2.x樣式包裝iframe（這將默認解決此問題）was removed for performance reasons and is not possible via an option but only if I implement it my self。

我做了什麼來克服這個問題是修改「kama」皮膚的css文件，將重要規則添加到我需要它們的地方。我不覺得這是一個可以接受的解決方案。

Answer 2

啊，好玩。

Specificity來救援。

創建一個覆蓋{color：red！important}}的新樣式表。讓它適合你，並確保它始終在惡意樣式表之後和CKEditor表單之前加載。例如：

a { color: lemonchiffon !important; } 

但請閱讀鏈接... specficity是相當具體的。