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

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

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

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

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