デスクトップの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

私は似たaccross何かを来て、これは私のために働いていたものです：

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

私はそれがWebkitTextFillColorとは何かを持っていると思います。

this issueも参照してください。