Créer un separator dans un SELECT

Version imprimable

Bonjour,

Savez-vous s'il existe un "vrai" solution au problème de séparateur d'un select ?
ça fait plusieurs heures que je consacre dessus sans vraiment comprendre...

Voici une solution parmi tant d'autres... ce qui m'intérresse c'est que le séparateur soit entier, mais j'ai pas réussi..
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <style> .separator { background: silver; font-size: 1pt; margin-bottom: 10px; margin-top: 10px; } </style> <select> <option>article 1<option> <option>article 2<option> <option>article 3<option> <option class="separator" disabled=disabled> <option> <option>article 4<option> <option>article 5<option> <option>article 6<option> </select>
Si vous avez une idée...

En vous remerciant par avance, :P

14/02/2019, 09h33
Invité

Bonjour,

tu devrais chercher un peu mieux : <optgroup>

Code:

<optgroup label=""></optgroup>

Pas besoin de bidouillage CSS.
14/02/2019, 11h35
dominos

Salut, je ne cherche pas à faire un groupe mais une ligne de séparation compatible tout navigateur.
14/02/2019, 12h31
Invité

Chaque navigateur (y compris sur smartphone) a sa propre manière d'afficher les <select>.

Bon courage...
14/02/2019, 21h06
dominos

1 pièce(s) jointe(s)
Bonsoir, si j'ai bien compris votre réponse, il est actuellement impossible d'ajouter un simple trait de séparation sur toute la largeur d'un select,
pour ce qui est de optgroup, je ne suis pas parvenu à modifier la hauteur à 1px sauf chrome et opéra qui semblent accepter font-size:1px, j'ai également
essayé background-image mais il ne semble être reconnu par aucun navigateur:
Code:

1 2 3 4 5 optgroup.separator { background-color: transparent; background-image: url("../images/tiret.png"); font-size: 1px; /* chrome / opéra */ }
image pgn => Pièce jointe 450196

Si vous avez d'autres idées, merci d'avance.
16/02/2019, 22h28
Beginner.

Salut,

Ben plutôt que d'essayer de mettre une image pourquoi ne pas mettre du texte comme ça : "______________" ?

Genre <option disabled="disabled">_____</option> ou <optgroup label="_________">...
17/02/2019, 09h14
dominos

Merci pour la suggestion, mais l'idée est d'éviter justement un trait de taille fixe mais d'avoir plutôt un séparateur qui s'adapte en largeur en fonction du contenu du sélect...