Bonjour, je souhaiterais qu'une flèche soit insérer après l'option au survol 

alors pour tester, j'ai rajouté un backrgound: red; qui ne fonctionne que sur ie, pas sur firefox, ou chrome, je n'ai pas trouvé de polyfill concernant cela, 

puis deuxième l'insertion de l'icone ne se fait pas même sur ie, alors que la police de l'option est changé ! 

code css

select option:hover, select option:after{
	background-color: red;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f060";
}

Salut,

Question bête: pourquoi tu n'utilises pas option:hover::after  ?

Bon dev

Bonjour,

beaucoup d'éléments de formulaire ne sont pas stylables, ou de manière très réduite (pour des questions de sécurité et d'utilisabilité). Notamment les <option>, dont on peut éventuellement changer le fond, mais pas dans tous les navigateurs, comme tu l'as expérimenté. Et ajouter des éléments HTML, même générés via ::after, ça ne marche pas.

Si vraiment tu as besoin de ce style, n'utilise pas le select natif - mais il faut vraiment avoir une bonne raison

Beley a écrit:

Salut,

Question bête: pourquoi tu n'utilises pas option:hover::after  ?

Bon dev

parce que ça ne fonctionne pas

Lamecarlate a écrit:

Bonjour,

beaucoup d'éléments de formulaire ne sont pas stylables, ou de manière très réduite (pour des questions de sécurité et d'utilisabilité). Notamment les <option>, dont on peut éventuellement changer le fond, mais pas dans tous les navigateurs, comme tu l'as expérimenté. Et ajouter des éléments HTML, même générés via ::after, ça ne marche pas.

Si vraiment tu as besoin de ce style, n'utilise pas le select natif - mais il faut vraiment avoir une bonne raison

bon ok, dommage, c'était vraiment pour donner un style un peu plus personnel

merci à vous deux