5 に答える
短くて簡単な答え:JavaScriptなしでは不可能です。また、JavaScriptソリューションを使用すると、レイアウトが広くなるとレイアウトがジャンプします。select
詳細については、重複スレッドに関する私のコメントを参照してください。
残念ながら、これは不可能です。http://www.icant.co.uk/forreview/tamingselect/のようなカスタム スクリプトを使用できますが、それでも - これは JavaScript ベースのソリューションです。
以前にこれを理解しようとしましたが、見つけたのはJavaScriptのハックだけでした。むかしむかしうまく機能するものを見つけましたが、どこにあるのかわかりません。
これを試すことができます: http://brandonbuttars.com/2009/09/css-select-options-internet-explorer-cut-off/
または、Google の他の多くのオプション: http://www.google.ca/search?hl=en&safe=off&q=ie6+cutoff+select+options&btnG=Search&meta=&aq=f&oq=
これは数年後のことですが、解決策を探している人に役立つかもしれません。
フォーカスがあるときに選択の幅を設定することにより、CSSでそれを行うことができます。
select {
width: 100px; /* normal state */
}
と
select:focus {
width: 200px; /* wider when in focus */
}
選択の横にボタンを追加し、選択の幅をデフォルト値に変更したため、幅が制限されなくなりました。