css page Web remplace ckeditor 3 le style

Question

J'ai une page où je charge screen.css qui contient une règle mal , qui, pour diverses raisons que je ne peux pas supprimer ou modifier:

a { 
    background: red !important; 
} 

J'utilise CKEditor 3.x sur la même page et le problème est que, quel que soit le style que je choisis (v2, kama, office2003), les boutons de l'éditeur sont rouges.

FCKeditor 2.x n'a pas rencontré de problème car il créait un iframe pour héberger l'ensemble de l'instance de l'éditeur. Ainsi l'extrait de css diabolique n'existait même pas dans sa page.

Le nouveau CKEditor 3.x utilise cependant des divs et des tables pour héberger l'éditeur et les boutons de l'éditeur, puis un iframe uniquement pour le contenu riche de textarea.

Des solutions pour cela?

merci

Answer 1

L'enveloppe de style 2.x iframe (qui résoudrait par défaut ce problème) was removed for performance reasons and is not possible via an option but only if I implement it my self. Ce que j'ai fait pour surmonter ce problème était de modifier les fichiers CSS du skin "kama", en ajoutant des règles importantes là où j'en avais besoin. Je ne pense pas que ce soit une solution acceptable.

Answer 2

Ah, amusant.

Specificity à la rescousse.

Créez une nouvelle feuille de style qui remplace une {couleur: rouge! Important}}. Faites-en quelque chose qui vous convient, et assurez-vous qu'il est TOUJOURS chargé après votre feuille de style maléfique et avant la feuille CKEditor. Par exemple:

a { color: lemonchiffon !important; } 

Mais veuillez lire le lien ... la spécificité est assez spécifique.