”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 为什么填充在 Safari 和 IE 选择列表中不起作用?

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

发布于2024-11-05
浏览:746

Why Isn\'t Padding Working in Safari and IE Select Lists?

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

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

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

例如,在您的代码中:

通过添加 text-indent:15px 并将宽度增加到 258px,选择框现在将显示相同的缩进,就好像它有 15px 的左填充一样,同时仍然可以在WebKit 浏览器。

版本声明 本文转载于:1729731092如有侵犯,请联系[email protected]删除
最新教程 更多>

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3