Safari CSS Font Color issue

Question

I\'m having a problem with my font color in safari browser on mac book, iphone and ipad. The disable element turn into gray and I want it to retain its original color black.

Answer 1

You could try set it to anything but solid black such as #00001 or #000002 in order to get around the issue as safari tries to override it.

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

Answer 2

This is the only solution I found that works on FF, Chrome, Safari and Safari Mobile. Cheers!

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;
}