[JS]IEでフォームのselect要素の中身が省略されてしまうのを解消するスクリプト -ieSelectWidth

IEでフォームのselect要素にwidthを指定した際、はみ出した箇所が省略されてしまうのを解消するスクリプトを紹介します。

デモのキャプチャ

Internet Explorer Select Width Bug Workaround
デモページ

対応ブラウザは2010年6月17日の時点でIE6, 7, 8で、スクリプトを使用すると他のブラウザ(Firefox, Chrome, Safari, Opera)と同様に省略されずに表示されるようになります。
※IE6には別途bgiframe Pluginが必要です。

スクリプトでは他の機能として、スクリプト側でのwidth指定、margin/padding/borderの設定も可能です。

設置は簡単で、既存のフォームにも簡単に適用できます。
jquery.jsとjq.ie-select-width.jsを外部ファイルで記述し、下記のスクリプトを記述します。

JavaScript

HTML

top of page

©2017 coliss