2010-04-29 4 views
0

background-color: transparent ne fonctionne pas sur SELECT dans les navigateurs autres que FireFox. Alors, comment je spécifie la couleur de fond: transparent pour FF seul et couleur de fond: #quelque chose pour les autres?FireFox Spécifique CSS

Répondre

2

Consultez cette page:

CSS Browser selector. Je l'utilise et fait des miracles pour sélectionner les navigateurs directement dans la feuille de style.

Hope it helps :)

+0

Éviter JavaScript pour l'instant. – Phonethics

4

Avez-vous essayé d'appliquer le réglage multi-navigateurs premier et le réglage spécifique de Firefox après?

select { 
    background-color: #fff; 
    background-color: transparent; 
} 

Trouver un exemple simple qui fonctionne aussi bien dans Internet Explorer 8 et Chrome 4 ici: http://jsfiddle.net/b6hWu/

+0

Essayé. Fonctionne bien dans FF & Opera montrant la transparence dans FF et une couleur de fond spécifique dans Opera. Mais Chrome montre encore un fond de combinaison blanc + gris. Également essayé @ -moz-document url-prefix() {background-color: transparent;} qui devrait s'afficher dans FF seulement mais pas de chance. – Phonethics

+0

En chrome, les éléments d'option semblent traduire la couleur de fond transparente en couleur de fond blanche. Un bon article sur le comportement incohérent peut être trouvé ici: http://www.electrictoolbox.com/style-select-optgroup-options-css/ – stefanglase