Est-il un moyen pour sélectionner une ouverture de sélectionner la zone dans le css?

J'ai mis une image de fond (flèche bas) pour une boîte de sélection après le réglage de la webkit-appearance attribut à aucun. Lorsque l'option liste est ouverte je veux afficher une autre image d'arrière-plan (flèche en haut). Est-il un pseudo-classe ou quelque chose pour elle? Je n'ai rien trouvé lors de mes recherches...

  • Salut, merci de nous montrer tout le code que vous avez tenté, alors nous pouvons vous aider à démarrer dans la bonne direction
InformationsquelleAutor user2718671 | 2015-09-21
  1. 9

    Il n'est pas possible de détecter si un HTML select élément est ouvert à l'aide de CSS, ou même javascript.

    Si vous souhaitez personnaliser le symbole de la flèche d'une coutume déroulante, votre meilleure option est d'utiliser un élément déroulant qui correspond à un caché select élément.

    • oh quel dommage, une telle fonction serait utile. Mais je vous remercie beaucoup!
    InformationsquelleAutor Curt
  2. 19

    vous pouvez utiliser le :focus pseudo classe.

    Mais cela indiquera que "ouverte" de l'état, et lorsque le <select> est sélectionné par le biais de l'onglet ou un élément a été sélectionné. Pour contourner cela, vous peut-être utiliser quelque chose comme select:hover:focus mais c'est assez laid et n'est pas une solution solide.

    CSS:

    select:focus {
  background-color: blue;
  color: white;
}

    HTML:

    <select>
  <option>Click me</option>
  <option>A</option>
  <option>B</option>
  <option>C</option>
</select>

    • sélectionnez:focus:active fait le travail, au moins dans google Chrome.
    • mieux que rien, au moins dans Chrome, mais le problème est que la sélection d'une option reste encore dans un état d'esprit ouvert jusqu'à ce que vous déplacez la souris de l'élément
    • sélectionnez:focus:active aussi ne fonctionne pas dans google Chrome, si le contrôle est ouvert par le clavier.
    InformationsquelleAutor Nico O