0
votes

Sélectionnez HTML personnalisé - Conservez l'option par défaut

J'essaie actuellement de recréer une sélection HTML personnalisée grâce à l'exemple que fournit les écoles W3. Voici le lien vers la démo: https://www.w3schools.com/howto/tryit.asp?fileName== tryCow_custom_select

Mon problème est que, pour mes besoins, je veux conserver l'option par défaut, c'est ici "Sélectionner une voiture:", car il est maintenant caché une fois que vous cliquez sur une option.

Voici le code de la démo, que je ne comprends pas assez pour le répondre à mes besoins. xxx

J'ai essayé de jouer avec la démo de trouver ce qui a être changé, sans succès.


3 commentaires

W3schools a rien de ce que ce soit à faire avec le w3c .


Je ne sais pas pourquoi j'ai fait cette erreur ... merci.


Vous pouvez modifier votre question. W3schools n'est pas très apprécié, par ex. La sélection personnalisée est totalement inaccessible ( wcag 2.0 a été autour de Depuis plus de 10 ans, il n'y a donc vraiment aucune excuse) et enfreint un certain nombre de comportements d'assurance-chômage standard.


3 Réponses :


0
votes

Ajoutez l'attribut sélectionné à l'attribut

qui devrait fonctionner


0 commentaires

0
votes

Vous ne pouvez pas simplement ajouter la balise suivante? et ajouter sélectionné à la première option? :

<div class="custom-select" style="width:200px;">
  <select>
    <option value="0" selected>Select car:</option>
    <option value="1">Select car:  </option>
    <option value="2">Audi</option>
    <option value="3">BMW</option>
    <option value="4">Citroen</option>
    <option value="5">Ford</option>
    <option value="6">Honda</option>
    <option value="7">Jaguar</option>
    <option value="8">Land Rover</option>
    <option value="9">Mercedes</option>
    <option value="10">Mini</option>
    <option value="11">Nissan</option>
    <option value="12">Toyota</option>
    <option value="13">Volvo</option>
  </select>
</div>


1 commentaires

Eh bien, cela fonctionne évidemment, mais j'aurais préféré trouver la partie du code qui cache l'option par défaut, plutôt que de la dupliquer. En fait, je veux que cela fonctionne comme la sélection par défaut (avec laquelle vous n'avez pas à spécifier l'option par défaut deux fois)



0
votes

Essayez d'ajouter ceci ( sélectionné ) à la sélection par défaut xxx


0 commentaires