2012-02-09 17 views

答えて

160

の代わりに:

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

使用:それはブラケットを必要とするよう

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

disabledは属性であり、あなたが上/欠落コロンと括弧を混同しているように見えます:not()セレクタ。

デモ:注意すべきhttp://jsfiddle.net/HSKPx/

一つのこと:一部が冗長になるように、私は間違っているかもしれないが、私はdisabled入力が正常にフォーカスを受け取ることができるとは思いません。

+0

...多くの人々が:enabled:disabledが有効なCSSセレクタです気付いていないようだはい、私はreadonly属性を持っています私のプロジェクトで:)ありがとう! – BurebistaRuler

+24

:not([disabled])は非常に冗長な書き方です:enabled https://developer.mozilla.org/en-US/docs/Web/CSS/:enable – Adria

+0

readonlyはどうですか? – Cullub

7

あなたの選択にはいくつかのタイプミスがあります。それは以下のようになります。input:not([disabled]):not([type="submit"]):focus

これはコンセプトの証明のためにjsFiddleを参照してください。サイドロー上で、「背景色」のプロパティを削除すると、ボックスシャドウはもはや機能しません。理由は分かりません。

6

あなたの構文はかなりうんざりです。

変更この:

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

へ:

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

+1

'input:enabled:not([type =" submit "]):focus {'? –

+0

@SeantheBean良い点。それはきれいだ。 – Gavin

関連する問題