CSS :pseudo-classe sélectionnée similaire à :checked, mais pour <option> Éléments

Question

Existe-t-il un moyen de styliser l’élément actuellement sélectionné dans un élément ?

Je pourrais alors donner une couleur d’arrière-plan à l’élément d’option actuellement sélectionné? De cette façon, je peux styliser l’option qui est actuellement visible dans la liste déroulante fermée.

Answer 1

Cela a fonctionné pour moi :

Answer 2

Le css de la réponse acceptée ne fonctionne pas non plus pour moi. Mais ce style en ligne fonctionne. Testé sur Firefox 86 et Chrome 88.

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>