如何在 IOS Safari 中覆盖 input[type="select"] 文本颜色答案

【问题标题】：How to override the input[type="select"] text colour in IOS Safari如何在 IOS Safari 中覆盖 input[type="select"] 文本颜色
【发布时间】：2020-04-24 07:56:34
【问题描述】：

我正在处理一个联系表单，其中选择输入被设计为在黑色背景上显示白色文本。除了通过 iPhone 或 iPad 上的 Safari 或 Firefox 访问时，所需的样式在每个实例中都正确应用。

相关的CSS Script如下：

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

这些浏览器可能不处理这种样式是否有特殊原因？我将如何环绕它？

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

【问题讨论】：

标签： html ios css safari contact-form

【解决方案1】：

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

【讨论】：

【解决方案2】：

您是否尝试过为选项设置样式？

select option {
    color: white;
}

【讨论】：

感谢您的意见，詹姆斯！我刚刚更新了脚本，但不幸的是它没有任何影响..
@waldrus iOS 不允许在 Safari 中设置 <select> 输入的样式。解释见此链接：stackoverflow.com/questions/3006647/…