相同的 css 文本顏色在 safari 中顯示與其他顏色不同的顏色

Question

我正在嘗試在CSS中實現一個簡單的color屬性，它在移動 Google Chrome（Galaxy S10）中運行良好，但在移動 Safari（iPhone X）中運行良好：

input[type="text"], input[type="password"], textarea, select {
    color: #777;
}

使用此顏色在除 Safari 之外的所有瀏覽器上顯示漂亮的深灰色。 Safari 將其變成不可讀的白色。 我檢查了CSS並且它的顏色相同，所以我不確定為什么 colors 顯示不同。 我嘗試使用完全合格的顏色#777777和color: black看看它是否有所作為，但沒有運氣。 下面是 Safari (iPhone X) 和 Chrome (Galaxy S10) 上的屏幕截圖。

Answer 1

我遇到了同樣的事情，雖然很多類似的問題都在處理禁用的輸入文本顏色，但對我來說，它只是發生在我的按鈕的正常 state 中。

我建議閱讀此https://stackoverflow.com/a/43483479/4530520以獲取更多信息並采納他們關於設置-webkit-text-fill-color屬性的建議。