htmlのドロップダウンリストにパディングを追加するにはどうすればよいですか？

Question

html "select"タグのオプションにpaddingを追加したいと思います。

"select"と "option"のstyleプロパティに追加しようとしましたが、IEでは動作しません。

どうすればよいですか？

Answer 1

OK、私はすべて1990年代を鳴らすことを憎むが、単に前およびAPP-終了オプションのテキストにスペースをご希望の目標のために許容可能でしょうか？

Answer 2

CSS：

option{ 
padding: 0.5em; 
} 

Answer 3

ボックスクロスブラウザのドロップダウンのスタイルをすることは困難です。あらゆる種類のコントロールを取得するには、JavaScriptで置き換える必要があります。しかし、注意して：

• ユーザーがダウンあなたのドロップを使用して難しさを持っていることを忘れないでください - JSとのselect要素を置き換えアカウント
• にusabiltyを取る - これは、アクセシビリティの問題である（ともJSのサポートなしでユーザーを可能にフォーム入力）

Answer 4

FF3 +とみどり（およびおそらく他のWebkitのブラウザで次の作品を）使用する：

select 
     {width: 14em; 
     margin: 0 1em; 
     text-indent: 1em; 
     line-height: 2em;} 

select * {width: 14em; 
     padding: 0 1em; 
     text-indent: 0; 
     line-height: 2em;} 

幅はENを可能にすることです表示されているselectのボックスがアクティブでない場合は余裕があり、常にを使用して選択ボックスの左境界と内部テキストの間をパディングします。 line-heightは、垂直方向の間隔を許すだけです。

私はIEでのその使用についてコメントすることはできません。恐れています。

選択肢（select *）のドロップダウン部分は何らかの理由でFF3の外では影響を受けないことに注意する必要があります。その点が答弁したい質問だった場合、私は何も新しいことをお詫びします。

デモで：http://davidrhysthomas.co.uk/so/select-styling.html

Answer 5

何らかの理由で、これをパディングまたはスペースで処理できませんでした。

$(document).click(function(){ 
    $('#selector option').each(function(){ 
    $(this).html("  "+$(this).text()); 
    }); 
}); 

Answer 6

今すぐSELECT

.listBox option{ 
    padding:4px; 
    ...etc 
    } 

のオプションのCSSを定義するSELECT

.listBox{ 
    width: 200px; 
    ...etc 
} 

のクラスを作成します。私はこのようになりますjQueryのソリューションと一緒に行きましたIE 10でテスト済み