Ошибка цвета шрифта Safari CSS

У меня проблема с цветом шрифта в браузере Safari на mac book, iphone и ipad. Элемент disable превращается в серый, и я хочу, чтобы он сохранил оригинал черный цвет. Результат в firefox и chrome в порядке.

Это мой код css:

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

Я также пробовал использовать имя цвета, но результат такой же.

Спасибо за вашу помощь!

Ответ 1

Это единственное решение, которое я нашел, что работает на 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;
}

Ответ 2

Вы можете попробовать установить его на все, кроме сплошного черного, например #00001 или #000002, чтобы обойти проблему, поскольку сафари пытается переопределить ее.

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