internet-explorer-8 - 選択時にIE8でドロップダウンリストの幅を制御する

Question

IE8で選択時にドロップダウンリストの幅を制御することは可能ですか？

ページが読み込まれるとき、ドロップダウンリストをSELECTという単語だけが含まれるように小さくしたいのですが、ユーザーがそれをクリックして選択すると、すべての選択肢が幅方向に完全に表示されるように十分に拡大する必要があります。

FFがそれを行い、IE9がそれを行います。しかし、IE8は幅をカットします。

修正はありますか？ありがとう

score 7 · Accepted Answer

以下にCSSを含めてみてください。

select:focus{width:auto !important;}

それがあなたの問題を解決することを願っています。

score 2 · Accepted Answer

IE8の場合、これにはJavaScriptを使用する必要があります。これを行うJQueryプラグインもありますが、jsを使用しないと回避策はないと思います。

使用する可能性のあるさまざまなアプローチとjsライブラリについては、この他のSOスレッドをご覧ください。

私の経験では、特定のイベントで元のselectの幅を変更しようとするとコンテンツが右側に移動するため、select要素を他のHTML、CSS、JavaScriptの組み合わせに置き換えるのが最善の解決策です。

2 に答える 2