問題タブ [html-select]

問題：

選択したアイテムの中には、完全に表示するために、指定された幅145pxを超えるものが必要なものがあります。

Firefoxの動作：選択をクリックすると、最も長い要素の幅に調整されたドロップダウン要素リストが表示されます。

IE6およびIE7の動作：選択をクリックすると、幅が145pxに制限されたドロップダウン要素リストが表示され、長い要素を読み取ることができなくなります。

現在のUIでは、このドロップダウンを145ピクセルに合わせて、より長い説明のあるアイテムをホストする必要があります。

IEの問題を解決するためのアドバイスはありますか？

リストが展開されている場合でも、上部の要素の幅は145ピクセルのままにする必要があります。

ありがとうございました！

css：

これがselect入力コードです（現時点ではbackend_dropboxスタイルの定義はありません）

ブラウザですばやくテストしたい場合の完全なhtmlページ：

Prototype ライブラリを使用してページ上のすべての選択要素をループし、要素にアクセスするにはどうすればよいですか (可能な場合)。ドキュメントでは、特定の ID、クラス名などを持つ要素を参照するためのショートカットを簡単に見つけましたが、特定のタグ名を持つ要素への参照は見つかりませんでした。

これが Prototype で不可能な場合は、JQuery または別の JS ライブラリを使用した例をいただければ幸いです。

CSS であれ、jQuery であれ、Internet Explorer (6、7、および 8) で発生した問題を修正するための最も簡単な解決策を探しています。幅が定義された SELECT 入力があります (レイアウト内の場所のため)。幅が定義されているため、値の全長を表示するために自動的にサイズ変更される Firefox や Safari とは異なり、select は完全な値を表示することから切り離されます。

確かにこれは一般的な問題ですか？何か案は？

コード例:

私は CMS システムを使用しています。クラス ' productSelectInput' は、Web サイト全体で一貫性を保つ唯一の識別子です。、およびプロパティが変更さIDれます。nameonchange