文本颜色不适用于 Safari iphone

Question

https://wordpress-518403-1889368.cloudwaysapps.com/register-with-us/ 在这个网站上，颜色属性不适用于 iPhone 在 safari 上输入和 select.

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 但仍然没有任何变化。如果你能帮帮我。

Answer 1

试试这个。

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

如此处所述：Safari CSS Font Color issue

Answer 2

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

但是，我会首先尝试设计您的 input type="text" 样式，因为这是您的表单的组成部分。它看起来像下面这样。您还可以在样式上使用 !important; 来告诉浏览器使用此样式作为默认样式，以防它在其他地方接收样式。

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

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

文本颜色不适用于 Safari iphone

Text color is not working on safari iphone

css

input

mobile-safari