26706 sujets

CSS et mise en forme, CSS3

Bonjour,

Quand la largeur d'un SELECT n'est pas définie, la largeur est celle de l'élément OPTION le plus large.

<SELECT>
<option>Petit intitulé</option>
<option>Intitulé un peu plus long</option>
<option>Intitulé beaucoup plus long qui prend de la largeur</option>
</SELECT>


Dans un souci Responsive, je me demande s'il est possible d'avoir un équivalent à cette déclaration qui ne fonctionne pas.

SELECT, OPTION {word-space: normal}
Bonjour,

non, car la forme et le visuel du select est propre à l'agent utilisateur.

On peut mettre un max-width pour le SELECT néanmoins. La gestion sur mobile est de toute façon complètement différente et intègre les retours à la ligne.

De toute façon, le select est peu adapté pour les textes longs, il faut lui préférer les boutons radios ou checkbox dans ce cas.
Bonjour,

Merci de ta réponse.

Je me doutais que c'était impossible.

Je ne parle pas de textes très longs, simplement un peu long et pour lesquels un retour à la ligne serait plus joli. Tu dis que c'est géré par les agents utilisateurs sur mobile, pas sur celui du test mobile friendly de Google.

Ce ne serait pas une bonne solution mais je me demande si un retour à la ligne forcé est possible avec <br /> ou autre.

<option>Intitulé beaucoup plus long<br />qui prend de la largeur</option>