2009-07-31 6 views
2

Comment développer la liste déroulante (éléments énumérés). Je ne peux pas regarder les éléments énumérés dans IE pendant que j'ai limité la taille de la liste déroulante.Comment développer les éléments déroulants

S'il vous plaît exécuter ce code dans IE et d'autres navigateurs - u peut voir la différence

<html><body><select style='width:20px;'><option>a</option><option>b</option><option>c</option><option>d</option><option>e</option><option>f</option> 

Et s'il vous plaît me dire ce que sont-il bon

peut utiliser la chute vers le bas de style pour faire
+0

C'est vraiment méchant, je suis aussi intéressé s'il y a un moyen, j'espère que quelqu'un le sait, mais c'est probablement un truc de IE que l'on ne peut encore changer avec style ... – cssmaniac

Répondre

1

ouais, dans IE si vous donnez à une boîte de sélection une largeur fixe, elle ne se redimensionne pas pour s'adapter au contenu lorsque vous cliquez dessus.

Il y a quelques hacks et des solutions de contournement pour elle,

Un d'entre eux est de changer la largeur de la zone de sélection quand il est cliqué, puis quand il est déclipsée remettre à la taille d'origine.

Cela peut fonctionner pour montrer le contenu, mais il peut souvent casser la disposition du site ou le rendre bizarre.

Quelque chose comme cela pourrait fonctionner,

<select name="selectName" onclick="this.style.width = '120px';" 
     onblur="this.style.width = '20px';"> 
1

Ceci a une question. Dans IE Si tout en cliquant sur le menu déroulant se développera et il s'effondrera immédiatement. Cela se produit si le menu déroulant n'est pas sur le focus. Une fois que la liste déroulante obtient le focus, cela fonctionne bien.

Questions connexes