如何将填充应用于 Safari 和 Internet Explorer 中的选择列表？

填充不适用于 Safari 和 IE 选择列表

增强 Safari 和 Internet Explorer 中选择列表的样式可能具有挑战性，因为缺乏对填充的支持。虽然万维网联盟 (W3C) 规范允许在选择框中填充，但 Safari 和 Chrome 等 Webkit 浏览器忽略此功能。

要解决此问题，另一种方法是使用文本缩进代替左填充。通过在选择框的宽度上添加相同的量，您可以有效地实现所需的间距。

考虑以下代码：

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

此示例演示了如何实现所需的 15px通过应用 text-indent: 15px 并相应增加选择框的宽度来进行填充。

以上是如何将填充应用于 Safari 和 Internet Explorer 中的选择列表？的详细内容。更多信息请关注PHP中文网其他相关文章！