web-dev-qa-db-ja.com

Safari CSSフォントの色の問題

Macブック、iPhone、iPadのSafariブラウザでフォントの色に問題があります。無効化要素が灰色に変わり、元の色を黒のままにしておく必要があります。 firefoxとchrome=の結果は問題ありません。

これは私のcssコードです：

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000000 !important;
}

色の名前も使ってみましたが結果は同じです。

ご協力いただきありがとうございます！

htmlioscsssafari
17
kwan_ah

これは、FF、Chrome、Safari、Safari Mobileで動作する唯一のソリューションです。乾杯！

input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
   color: rgba(0, 0, 0, 1); 
   background: white;
}
41
kwan_ah

サファリがオーバーライドしようとするときに問題を回避するために、#00001や#000002などの黒一色以外の任意の値に設定してみることができます。

input[disabled], textarea[disabled],
select[disabled='disabled']{
    color: #000001 !important;
}
0
AO_