Why does the CSS color #b3b3b3 turned white on a disabled input? What could be causing this and how can it be fixed?
Take a look at this code snippet: https://jsfiddle.net/esty6t20/
CSS:
.transp {
background-color: transparent;
}
.bug-color {
color: #b3b3b3;
}
.red-color {
color: red;
}
HTML:
Disabled Bugged Gray
<input class="transp bug-color" value="test text" disabled>
<br/>
Disabled Red color
<input class="transp red-color" value="test text" disabled>
<br/>
Enabled Bugged Gray
<input class="transp bug-color" value="test text">
I have attempted to use !important to override the style, but haven't been successful. See the outcome here: