How can I put a hover style on an element which is not disabled? I tried the following, but there was no hover effect.
input.btn[disabled='false']:hover
How about using the enabled
selector?
<script>$("input:enabled").val("this is it");</script>
Here is a link to the docs http://api.jquery.com/enabled-selector/
I think you should rather use
input:not([disabled="disabled"]):hover {
border: 1px solid red;
}
But this pseudo-selector won't work in most of the browsers, I think.
See http://jsfiddle.net/xmKbt/5/.