Почему текст в отключенных элементах формы не отображается черным в Safari?

Question

Я пытаюсь, чтобы текст внутри отключенных элементов ввода отображался черным цветом. Это работает в большинстве браузеров:

input[type="text"][disabled],
input[type="text"]:disabled {
  color: #000000;
}

Однако в Safari (версия 6.0.2) текст немного ярче. Что меня больше всего озадачивает, так это то, что когда я выбираю текст в своем браузере и просматриваю информацию об элементе на моей консоли, он четко показывает:

rgba(0,0,0)

Таким образом, в коде он черный, но, тем не менее, он отображается не в черном цвете. Как это возможно?

Это ошибка Safari?

Спасибо за любую помощь в этом вопросе.

Answer 1

Пытаться:

-webkit-text-fill-color: # 000000;

Это сработало в Safari 7.

Answer 2

Это действительно странно. Кажется, что Safari показывает точный цвет черный как серый в отключенном поле, тогда как другие цвета подчиняются. В качестве обходного пути вы можете установить color: #000001, но он не совсем черный, но имеет оттенок синего.

В качестве другого подхода рассмотрим, почему поле установлено в отключенное состояние, но должно отображаться в обычном черном цвете. Например, отобразите его в обычном тексте (и включите его в обычное поле ввода, когда вы теперь сделаете отключенное поле активным).