[解決済み] Css擬似クラス input:not(disabled)not:[type="submit"]:focus。

質問

私はいくつかのcssをinputs要素に適用したいのですが、私は無効になっていない入力と送信型ではない場合にのみそれを行うには、以下のcssが動作していない、多分誰かがこれを追加する必要があります私に説明することができれば。

input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}

解決方法は？

の代わりに

input:not(disabled)not:[type="submit"]:focus {}

使用してください。

input:not([disabled]):not([type="submit"]):focus {}

disabled は属性なので括弧が必要で、コロンと括弧がごちゃごちゃになっているようです。 :not() セレクターを使用します。

デモの様子 http://jsfiddle.net/HSKPx/

一つ注意点として、間違っているかもしれませんが、私は disabled 入力は通常フォーカスを受けることができるので、その部分は冗長かもしれません。

または :enabled

input:enabled:not([type="submit"]):focus { /* styles here */ }

繰り返しになりますが、無効化された入力がフォーカスを受けるケースは考えられませんので、不要と思われます。