Comment changer la Couleur de la planait Sélectionnez l'Option dans FireFox
Je veux changer la Couleur de la planait Sélectionnez l'Option dans FireFox, qui a défaut d'un fond bleu et blanc de premier plan.
J'ai essayé:
<select name="select" size="1">
<option>0</option>
<option class="test">1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
.test:hover {
color:green;
background-color:yellow;
text-decoration:underline;
}
Mais ça ne fonctionne pas. Voir Exemple.
Un FireFox solution spécifique est suffisant.
Il semble que vous ne pouvez pas le faire Check this out stackoverflow.com/questions/1667086/...
Malheureusement, vous Ne Pouvez pas le faire.
double possible de le Changement Liste de sélection de l'Option couleur d'arrière-plan sur le vol stationnaire
Malheureusement, vous Ne Pouvez pas le faire.
double possible de le Changement Liste de sélection de l'Option couleur d'arrière-plan sur le vol stationnaire
OriginalL'auteur oliholz | 2011-08-11
Vous devez vous connecter pour publier un commentaire.
SELECT
éléments sont rendus par l'OS, pas en HTML. Vous ne pouvez pas le style de cet élément.Vous pouvez utiliser du HTML+CSS de remplacement à l'aide de JavaScript pour simuler SÉLECTIONNEZ si.
text-decoration:underline;
travail? Et Sélectionnez-le changement de Couleur fonctionne aussi pour les options.+1 même idée et plus rapide que moi. J'étais à la recherche par le biais de mes favoris afin de trouver le plugin lien!
SEELCT est probablement l'une des plus grandes incohérences dans le CSS. Certains navigateurs ont permis à un certain style, mais il n'y a pas de norme. Voir: stackoverflow.com/questions/1072239/...
OriginalL'auteur Diodeus - James MacFarlane
Il ne peut être fait avec CSS seul. Je recommande un jQuery + Choisi plugin de remplacement pour le
<select>
<select>
est généré par GWT et je ne peut pas utiliser plus de libaries pour ce Problème.Ah ok, vous pouvez ajouter ces informations à la question 🙂
OriginalL'auteur andyb
J'ai découvert que j'pouvez définir une Image comme Fond.
jsfiddle démo
Mais c'est seulement peint sur :hover, quand je l'ai sortie de la souris à partir de l'option par le système de rendu.
OriginalL'auteur oliholz
Je pense que vous pouvez avoir besoin de travailler avec CSS combinators comme ceci:
Fondamentalement, vous êtes en précisant ceci:
Parent > enfants . catégorie : événement
Tous les enfants de sélectionner des balises à l'intérieur desquelles les options avec la classe ".test" sera le style spécifié entre parenthèses.
IMPORTANT: Il fonctionne sur Firefox mais pas sur Chrome.
Voici une référence peut vous aider à: http://www.w3schools.com/css/css_combinators.asp
OriginalL'auteur Dani