Style disabled form control with class

milovn

New Member
I have an input button with a style, I want to alter the style if it is disabled. This works when disabled is set like so \[code\]disabled="disabled"\[/code\] but if disabled is set simply by writing \[code\]disabled\[/code\] it doesn't work with the class specifier as well, am I constructing the CSS wrong?So to clarify \[code\]input[disabled="disabled"].awesome\[/code\] works properly, \[code\]input.awesome.disabled\[/code\] does not.I am testing with the following HTML:\[code\]<input class="awesome" disabled /><input class="awesome" disabled="disabled" />\[/code\]CSS:\[code\]input[disabled="disabled"].awesome , input.awesome.disabled{ color: #aaa;; background-color: #eee;}\[/code\]If I write the selector like so, it works (but for all buttons)\[code\]input[disabled="disabled"], input.disabled { /**/ }\[/code\]
 
Top