Safari および IE の選択リストでパディングが機能しないのはなぜですか?

Safari および IE の選択リストにパディングが表示されない

W3 仕様に制限がないにもかかわらず、選択ボックスのパディングは、以下を含む WebKit ブラウザーではサポートされていません。サファリとクローム。その結果、これらのブラウザではパディングが適用されません。

この問題に対処するには、padding-left の代わりに text-indent を使用することを検討してください。選択ボックスの幅を適宜増やして、同じインデント量を維持します。

たとえば、コード内では次のようにします。

<code class="html"><select id="sexID" name="user[sex]"
        style="border:1px solid #C1272D;
               width:258px; // 243 + 15px
               text-indent:15px;
               height:25px;
               color:#808080;"></code>

text-indent:15px を追加し、幅を 258px に増やします。選択ボックスは、WebKit ブラウザーで正しく機能しながら、15 ピクセルの左パディングがある場合と同じインデントを表示するようになりました。

以上がSafari および IE の選択リストでパディングが機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。