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

IE8でselectでドロップダウンリストの幅を制御できますか？選択時にIE8でドロップダウンリストの幅を制御する

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

FFですか、IE9ですか。しかし、IE8は幅を削減します。

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

2012-04-11 sarsnake

[this]（http://stackoverflow.com/questions/4841795/drop-down-list-in-ie8-using-select-truncates-option-text） – Christian

はこれを回答できますか？ – sarsnake

さらに詳しい情報で、[this]（http://stackoverflow.com/questions/682764/select-dropdown-with-fixed-width-cutting-off-content-in-ie）を見ることもできます。 – Christian

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

あなたが使用する可能性のあるさまざまなアプローチとjsライブラリについては、this other SO threadをご覧ください。

私の経験では、最良の解決策は、特定のイベントで元の選択の幅を変更しようとすると、選択された要素を他のHTML、CSS、JavaScriptの組み合わせに置き換えることです。

出典

2012-04-12 13:16:06 Christian

以下のCSSを含めるようにしてください。

select:focus{width:auto !important;}

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

出典

2013-04-22 07:15:53

解決済みの鉱山。ありがとう！ – rwalter

DataTableと組み合わせて使用すると機能しません。セルの幅が変更され、テーブルの幅が変更され、ドロップダウンの幅が変わらず、テキストがカットされたままになる=（。 –

：http://stackoverflow.com/questions/4841795/drop-down-list -in-ie8-using-select-truncates-option-text：answer＃1 - "IE8は：focus CSSセレクタをサポートしていません。"サポート対象：http://stackoverflow.com/questions/3069435/focus-css-タグインターネットエクスプローラ - 8。Microsoftはそれが動作するはずだと思うようだ：http://msdn.microsoft.com/en-us/library/ie/cc304080%28v=vs.85%29.aspx –

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

答えて

関連する問題