属性が設定されている要素の上にホバー

無効にされていない要素にホバースタイルを配置するにはどうすればよいですか？私は以下を試みたが、ホバー効果はなかった。属性が設定されている要素の上にホバー

input.btn[disabled='false']:hover

2012-04-05 clarkk

へのリンクは、あなたがしようとしたそのサンプル何かありますか？何が起こった？ – yoozer8

はい、試してみました。どんな 'input.btn' elmsでもホバー効果はありません – clarkk

私はChromeでテストしましたが、うまくいきました。！DOCTYPEが指定され、属性の選択がIE6以下でサポートされていない場合のみ、IE7とIE8が属性セレクタをサポートすることに注意することが重要です。 –

enabledセレクタの使用はどうですか？ここで

<script>$("input:enabled").val("this is it");</script>

2012-04-05 15:33:22 Jrod

btw。 jqueryの質問ではありませんでした：P – clarkk

CSSのみの解決策のために、私は有効になっている入力にクラスを追加し、その方法でCSSをターゲットにします。 – Jrod

あなたははMozillaとMSDNに応じに疑似クラスを設定することはできません。

2012-04-05 15:27:01

私はあなたではなく

input:not([disabled="disabled"]):hover { 
    border: 1px solid red; 
}

を使うべきだと思う。しかし、この擬似セレクタは、ブラウザのほとんどでは動作しません、私は思います。

http://jsfiddle.net/xmKbt/5/を参照してください。

2012-04-05 15:28:06 Remo

私はそれが反対であることが必要です〜を削除しようとしましたが、その同じ – clarkk

申し訳ありませんが、私はそれが完全に間違っていることを考え出した。機能するはずのソリューションでそれを更新しました。ただし、ブラウザの互換性は最良ではありません。 – Remo

もう一つの選択肢は、「ポジティブな」ことを行うことで、ボタンにnot_disabledというクラスを手動で追加するだけです。セレクタをもっと簡単にすることができます。 – Remo

答えて