0

IE ブラウザの select 要素の 2 つのオプションの間にスペースを追加したいと考えています。私のコードは、select 要素用に書いた CSS を使用して、Firefox と Chrome で動作します。ただし、スタイルは IE では適用されません。select要素の CSSは次のようになります。

.branchDropdown { border: 1px solid #999999; width: 155px; }

オプション要素の場合:

.branchDropdown option { cursor: pointer; margin-top: 10px; }
4

2 に答える 2

2

<option>Internet Explorer では、ほとんどのプロパティで要素のスタイルを設定できません。背景とフォントの色を除いて、Windows オペレーティング システムからスタイルを継承します。のMSDNページからの引用は次の<option>とおりです。

background-color と color を除いて、option 要素のスタイル オブジェクトを介して適用されるスタイル設定は無視されます。さらに、個々のオプションに直接適用されたスタイル設定は、それを含む select 要素全体に適用された設定をオーバーライドします。

http://msdn.microsoft.com/en-us/library/ie/ms535877(v=vs.85).aspx

一貫した外観を作成するには、JavaScript を使用してページのデフォルトの select 要素を置き換えるカスタム要素をレンダリングする以外に方法はありません。

于 2013-03-25T10:59:23.107 に答える
1

option要素内のselect要素は、CSS から直接アクセスすることはできません。select 要素をそのようにカスタマイズするには、javascript を置き換える必要があります。この興味深いブログ エントリを参照してください。代替の js 置換はselect2です。

于 2013-03-25T11:00:12.077 に答える