尽管 W3 规范中没有限制,但 WebKit 浏览器不支持选择框中的填充,包括Safari 和 Chrome。因此,这些浏览器中不应用填充。
要解决此问题,请考虑使用 text-indent 而不是 padding-left。通过相应增加选择框的宽度来保持相同的缩进量。
例如,在您的代码中:
通过添加 text-indent:15px 并将宽度增加到 258px,选择框现在将显示相同的缩进,就好像它有 15px 的左填充一样,同时仍然可以在WebKit 浏览器。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3