Safari <select> 字段是否正式不支持 CSS 框阴影？答案

【问题标题】：Are CSS box shadows officially unsupported for safari <select> fields?Safari <select> 字段是否正式不支持 CSS 框阴影？
【发布时间】：2022-02-12 01:40:29
【问题描述】：

我环顾四周，但找不到有关此问题的任何官方声明。

Safari 桌面似乎不支持 CSS box-shadow （至少）选择元素。

这是 JS 小提琴： https://jsfiddle.net/t8uhwp3c/

例如，这个简单的选择在 Safari 中不会显示 select 元素周围的任何内容，但它在 Chrome 和 Firefox 中正确显示了“阴影”：

<select style="box-shadow:0 0 0 20px red">
    <option>sfasdfasd</option>
</select>

这很重要，因为我在几个库中看到 box-shadows 使用了 input-feedback 元素，但我找不到任何关于此问题发生的报告。

【问题讨论】：

标签： html css safari

【解决方案1】：

如果您使用-webkit-appearance: none;，它将起作用

【讨论】：