Why is text in disabled form elements not rendered in black in Safari?

Question

I am trying to get the text inside disabled input elements to show up in black. This works in most browsers:

input[type=\"text\"][disabled],         


        

Answer 1

This is odd indeed. It seems that Safari shows the exact color black as gray in a disabled field, whereas other colors are obeyed. As a workaround, you could set color: #000001, but it isn’t quite black of course but has a shade of blue.

As a different approach, consider why a field is set to disabled state, yet should be displayed in normal black color. For example, display it in normal text (and turn it to normal input field when you would now make the disabled field enabled).

Answer 2

Try:

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

This worked in Safari 7.