文字颜色在 safari iphone 上不起作用答案

【问题标题】：Text color is not working on safari iphone文字颜色在 safari iphone 上不起作用
【发布时间】：2021-11-09 04:16:33
【问题描述】：

https://wordpress-518403-1889368.cloudwaysapps.com/register-with-us/ 在这个网站上，颜色属性在 iPhone 上无法在 Safari 上用于输入和选择。

form#wpforms-form-2408 input,
form#wpforms-form-2408 select{
    color: pink!important;
    height: auto;
    min-height: 78px;
    box-sizing: border-box;
    background: red;
    line-height: unset!important;
    position: relative!important;
    padding-top: 0;
    padding-bottom: 0;
-webkit-text-fill-color: red;
-webkit-text-fill-color: #000000;
-webkit-text-fill-color: rgb(100, 200, 0);
}

我已经尝试过这个 CSS，但仍然没有任何变化。如果你能帮助我。

【问题讨论】：

标签： css input mobile-safari

【解决方案1】：

试试这个。

-webkit-text-fill-color: rgba(100, 200, 0, 1); 
-webkit-opacity: 1;

如此处所述：Safari CSS Font Color issue

【讨论】：

它适用于某些输入字段，但适用于所有输入字段。那么选择字段呢？
阅读链接的问题。他们也在讨论选择字段。
我删除了代码冲突，它现在可以工作了。谢谢

【解决方案2】：

似乎整个页面都被一些不需要的无意义代码覆盖。

但是，我首先会尝试设置您的input type="text" 样式，因为这就是您的表单所包含的内容。它看起来如下所示。您还可以在样式中使用 !important; 来告诉浏览器默认使用此样式，以防它在其他地方接收样式。

input[type=text] {
  color: black !important;
}

然后您可以继续调整所有其他元素以匹配此。比如你的<select> 和<option> 元素也需要这种样式。

【讨论】：