桌面 Safari/Chrome 和移动 Safari 之间的字体颜色差异

Question

我正在桌面和移动设备上测试 Safari 和 Chrome 之间的交叉兼容性。我为字体颜色设置了一些相对简单的东西。

/* JS inline style...something along the lines of this */
const style = {
    color: 'black',
    WebkitTextFillColor: 'black',
}

<input style={style} value={1}/>

对于桌面版 Chrome 和 Safari，文本显示为黑色。但它在移动 Chrome 和 Safari 上显示为灰色。这是怎么回事？

Answer 1

我遇到了类似的事情，这对我有用：

input{
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: rgba(0, 0, 0, 1); 
   background: white;
}

我认为这与WebkitTextFillColor有关。

也见this issue。