2011-11-03 5 views
0

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

+0

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

+0

Pensez que nous allons avoir besoin de voir un exemple de code ici mon pote. – Alex

+0

dans quels navigateurs avez-vous vérifié cela? – Yisela

Répondre

1

Il est possible que votre sélecteur n'est pas tout à fait raison Je écrirais cela comme entrée [type = "text"], pas d'astérisque Voir http://reference.sitepoint.com/css/css3attributeselectors

Deuxièmement, je ne suis pas sûr si vous avez besoin d'un espace avant la déclaration! important. vaut la peine d'en ajouter une à vérifier et à voir.La référence sur la syntaxe sur Sitepoint ne le spécifie pas