Wie kann ich einen Hover-Stil auf ein Element setzen, das nicht deaktiviert ist? Ich habe folgendes versucht, aber es gab keinen Hover-Effekt.Hover auf Element wo Attribut gesetzt ist
input.btn[disabled='false']:hover
Wie wäre es mit dem enabled Selektor? Hier
<script>$("input:enabled").val("this is it");</script>
ist ein Link auf die Dokumentation http://api.jquery.com/enabled-selector/
Ich glaube, Sie lieber
input:not([disabled="disabled"]):hover {
border: 1px solid red;
}
Aber diese pseudo-Wähler wird nicht funktionieren in den meisten Browsern verwenden sollten, denke ich.
Siehe http://jsfiddle.net/xmKbt/5/.
Ich brauche es, um gegenüber zu sein .. habe versucht, das ~ zu entfernen, aber es ist das gleiche – clarkk
Sorry, nur herausgefunden, dass ich es völlig falsch verstanden habe. Habe es gerade mit einer Lösung aktualisiert, die funktionieren sollte. Die Browserkompatibilität ist jedoch nicht die beste. – Remo
Eine andere Option wäre, das 'positive' Ding zu machen und nur manuell eine Klasse 'not_disabled' zur Schaltfläche hinzuzufügen, die den Selektor viel einfacher macht. – Remo
Ist das Beispiel etwas, das Sie versucht? Was ist passiert? – yoozer8
Ja, habe es versucht .. Kein Hover-Effekt auf alle 'input.btn' Ulmen – clarkk
Ich habe es in Chrome getestet und es hat funktioniert. Es ist wichtig zu beachten, dass IE7 und IE8 Attributselektoren nur unterstützen, wenn ein! DOCTYPE angegeben ist und die Attributauswahl in IE6 und niedriger nicht unterstützt wird. –