为什么填充在 Safari 和 IE 选择列表中不起作用？

Safari 和 IE 中的选择列表中不显示填充

尽管 W3 规范中缺乏限制，但 WebKit 浏览器不支持选择框中的填充，包括Safari 和 Chrome。因此，这些浏览器中不应用填充。

要解决此问题，请考虑使用 text-indent 而不是 padding-left。通过相应增加选择框的宽度来保持相同的缩进量。

例如，在您的代码中：

<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 ，选择框现在将显示相同的缩进，就好像它有 15 像素的左填充一样，同时在 WebKit 浏览器中仍然可以正常工作。

以上是为什么填充在 Safari 和 IE 选择列表中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！