1

HTML選択（ドロップダウンリストと選択ボックスの両方）でオプションの周りにパディングを追加したいと思います。CSS パディングを使用して Firefox でこれを行うことができますが、これが機能する唯一のブラウザーのようです。コード：

option
{
 padding:5px;   
}​

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<br/>
Some other stuff:<br/>
<select multiple="multiple">
    <option>Test1</option>
    <option>Test2</option>
</select>

フィドル: </p>

http://jsfiddle.net/4u9LV/

を使用して左右のパディングを追加することについて話しているこの質問を見つけました&nbsp;が、パディング全体が必要です。すべてのブラウザーで、Firefox で得ているものを実装する良い方法はありますか?

4

2 に答える 2

1

AFAIkこのためのスタイリングを実際にサポートするのはFirefoxだけです。

SELECT要素またはそのOPTIONSにパディング/マージンなどを実装するためのクロスブラウザープレーンCSSの方法はありません。

それを行う唯一の方法は、代わりにDIVSまたはULをだまして使用し、JSを使用してそれを機能させることだと思います。

于 2012-12-20T17:20:01.133 に答える
1

従来のブラウザの入力要素は「ブラックボックス」であり、厳密に言えば、それらの部分はDOM要素ではありません。それでも、入力要素の動作とそのスタイルは、W3C仕様のどこにも指定されていません。

入力のスタイルは意図的に指定されていません。したがって、ブラウザは自由に好きなことをすることができます。したがって、定義したスタイルを無視します。

したがって、より良いオプションは、divまたはlistを使用してJavaScriptでこれを行うことです

于 2012-12-20T17:27:39.207 に答える