Est-il possible de définir la largeur de l'élément Select en pourcentage?

Question

J'ai un élément select dans une page HTML, je voudrais définir sa largeur à 100% (via CSS) mais ça ne marche pas et la largeur ne change que selon la largeur de l'option la plus longue. Seulement quand je définis une largeur en pixels, cela fonctionne.

Est-il possible de définir la largeur en pourcentage? ou existe-t-il une solution de contournement?

Answer 1

Vérifiez l'élément parent comme où votre sélectionnez l'option est là. La largeur de l'élément parent est la contrainte pour l'enfant. Vous devez d'abord augmenter la largeur du parent.

Answer 2

Works pour moi ici: http://jsbin.com/eraru

select { 
    width: 100%; 
}