如何在 IOS Safari 中覆盖输入 [type="select"] 文本颜色

Question

我正在开发一个联系表单，其中 select 输入被设计为黑底白字。在每个实例中都正确应用了所需的样式，但在 iPhone 或 iPad 上通过 Safari 或 Firefox 访问时除外。

相关CSS脚本如下：

select{
    -webkit-appearance: none;
    color: white !important;
}

是否有特定原因导致这些浏览器无法处理此样式？我将如何绕行它？

*已编辑，因为 Firefox 和 Safari 都表达了同样的问题

Answer 1

您尝试过设置选项的样式吗？

select option {
    color: white;
}

Answer 2

Mac OS X 上的 WebKit 浏览器目前不支持这种类型的样式。您可以在这里找到更多想法：Pure CSS solution to styling specific options in Webkit based browsers?.

How to override the input[type="select"] text colour in IOS Safari