2009-11-13 5 views
3

Le <select> a une largeur de 60px,Comment faire <option> plus large que <select> dans IE6?

mais le contenu de <option> est plus que cela.

Qui est caché dans IE6.

enter image description here

Comment résoudre ce problème?

+1

en double? http://stackoverflow.com/questions/1700807/how-to-show-extended-option-in-select-list, http://stackoverflow.com/questions/1702186/set-width-of-dropdown-element -in-html-select-dropdown-options – anddoutoi

+2

STOP SUPPORT IE6 – Jason

+0

@ anddoutoi, regardé à travers ces discussions, ne semble pas une solution. – Mask

Répondre

0

Nous avons ajouté un bouton à côté pour sélectionner changer la largeur de sélectionner la valeur par défaut, il devient non limité en largeur.

+0

Pouvez-vous être plus précis? – Csser

0

Réponse courte et facile: ce n'est pas possible sans JavaScript. Et avec la solution JavaScript, votre mise en page va sauter lorsque le select s'élargit.

Voir mon commentaire sur les discussions en double pour plus d'informations.

0

Je sais que c'est des années plus tard, mais cela peut aider quelqu'un qui cherche une solution.

Vous pouvez le faire en CSS en définissant la largeur de la sélection lorsqu'elle est mise au point, par ex.

select { 
    width: 100px; /* normal state */ 
} 

et

select:focus { 
    width: 200px; /* wider when in focus */ 
} 

Article complet à http://dinowebs.net/?p=114

Questions connexes