2009-07-31 17 views
2

ドロップダウンリスト(リストされたアイテム)を展開する方法。私はドロップダウンリストのサイズを制限しながらIEでリストされた項目を表示することはできません。ドロップダウンアイテムを展開する方法

IEや他のブラウザでは、このコードを実行してください - uは違い

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

を見るとスタイルの

それが良いにするために、ドロップダウンで使用することができますされているものを私に教えてくださいすることができます
+0

これは本当に厄介ですが、方法があれば興味がありますが、うまくいけば誰かが知っていますが、おそらくそれはIEのものです。 – cssmaniac

答えて

1

はい、選択ボックスに固定幅を与えた場合、クリックすると内容に合わせてサイズが変更されません。

それのためのいくつかのハックや回避策は、それらの

つありますが、それがクリックされたときに、それを元のサイズに戻すunclickedだときに、選択ボックスの幅を変更することです。

これはコンテンツの表示には役立ちますが、サイトのレイアウトが壊れたり、奇妙に見えることがあります。これは、いくつかの問題を抱えている

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

このような

何かが、仕事ができます。 IEでは、ドロップダウンをクリックしている間に展開され、すぐに崩壊します。これはドロップダウンが焦点にない場合に起こります。ドロップダウンがフォーカスを取得すると、うまく動作します。