Firefox ignore les parameters dans userContent.css (parfois)

J'ai le code suivant dans mon $HOME/.mozilla/firefox/XXXXXXXX.default/chrome/userContent.css :

 input, textarea { color:#000 !important; background-color: rgb(255, 255, 255) !important; } 

Le but est d'avoir des champs de saisie et des zones de text toujours noirs sur la couleur blanche. Mon thème de bureau est sombre et sans ce hack, firefox afficherait le text noir d'input et de textbox sur le backround gris foncé, qui est à peu près illisible.

Cela fonctionne bien pour la plupart des sites Web, mais certains sites Web sont toujours affichés comme avant (text noir sur fond gris). Par exemple ce site .

J'ai installé dom inspector et vérifié que l'élément est de type input . Mais pourquoi mes parameters CSS sont-ils ignorés pour ce site?

SUBQUESTION:

Y a-t-il de la documentation / manuel, où ces options de configuration sont expliquées? ie comment est-ce que je sais que le mot-key est la background-color et non le background ? Aussi, que puis-je configurer d'autre que l' input et textarea ?

Le problème est que les boîtes d'input sont rendues par défaut par le operating system, et non par les css-stylesheets. Vous pouvez désactiver cela par une propriété CSS non standard spécifique à Gecko appelée -moz-appearance . Utilisez-le comme ceci:

 input, textarea { color:#000 !important; background-color: rgb(255, 255, 255) !important; -moz-appearance: none !important; } 

Maintenant, toutes vos inputs sont rendues par CSS.

SUBQUESTIONS:

Y a-t-il de la documentation / manuel, où ces options de configuration sont expliquées?

  • Mozilla Developer Network: -moz-apparence

Que puis-je configurer d'autre que l'input et la textbox?

Tout ce que vous voulez, il y a aussi un autre file appelé userChrome.css (dans le même dossier) où vous pouvez personnaliser l'apparence de l'interface user.

Comment est-ce que je sais que le mot-key est la background-color et non le background ?

  • background-color : Définit la couleur d'arrière-plan d'un élément. Exemples:

     background-color:red; background-color:#0000FF; background-color:rgb(255,0,255); 
  • background : Définit toutes les propriétés d'arrière-plan dans une déclaration. Exemples:

     background: #FF0000 url('blah.jpg') no-repeat fixed center;