桌面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。