J'essaie de créer un style d'utilisateur élégant pour toutes les pages sur www.livejournal.com. Je veux styler le texte et sélectionner des boîtes de saisie de type avec une couleur d'arrière-plan particulière, mais la couleur bg n'est pas définie sur toutes les boîtes de saisie, même si color
est définie. Certaines cases restent blanches. Lorsque je les inspecte avec Firebug, il est dit que la couleur bg de la CSS calculée est la couleur que j'ai spécifiée (pas blanche!).Couleur de fond CSS ignorée
Le code J'utilise est
input[type*=text], select {
-moz-border-radius: 0px!important; border-radius: 0px!important;
border-color: #626363!important; border-color: rgba(255,255,255,0.06)!important;
color: #aaa!important; background: #3A4756!important;
font: 11px lucida grande, segoe ui, calibri, arial, sans-serif!important; }
#SearchText { background: #3A4756!important; }
#SearchText
est l'id d'un élément de problème particulier. color: #aaa!important;
est appliqué à tous ces éléments où la couleur bg est ignorée, et encore, la plupart des autres boîtes d'entrée sont stylées correctement. Pourquoi cela pourrait-il se produire et y a-t-il une solution de contournement? Mise à jour: J'ai essayé de changer le sélecteur en input[type="text"]
, et j'ai essayé de mettre un espace avant !important;
.
J'ai également mis mon code de style dans un fiddle avec la source entière de www.livejournal.com collée dans le champ html. Dans ce cas, la couleur bg est correctement appliquée. Cependant, si j'essaye mon usertyle avec juste ce bloc de code (pour s'assurer que rien ne l'écrase par la suite) et que je visite le site, il ne sera pas appliqué.
mise à jour. Suivie suggestion de Brock sans changement de FF :(Cependant, les boîtes d'entrée de problème ne se décorées dans Chrome, donc apparemment, c'est un problème avec FF
Pourriez-vous fournir du code HTML? URL? Ou peut-être que vous pourriez mettre à jour [ce violon] (http://jsfiddle.net/AQktH/) en essayant de reproduire l'erreur. – scumah
Pensez que nous allons avoir besoin de voir un exemple de code ici mon pote. – Alex
dans quels navigateurs avez-vous vérifié cela? – Yisela