input要素にいくつかのCSSを適用したいと思います。 、下のCSSは動作していないかもしれません。Css擬似クラスinput:not(無効)not:[type = "submit"]:フォーカス
input:not(disabled)not:[type="submit"]:focus{
box-shadow:0 0 2px 0 #0066FF;
-webkit-box-shadow:0 0 4px 0 #66A3FF;
}
input要素にいくつかのCSSを適用したいと思います。 、下のCSSは動作していないかもしれません。Css擬似クラスinput:not(無効)not:[type = "submit"]:フォーカス
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
入力が正常にフォーカスを受け取ることができるとは思いません。
あなたの選択にはいくつかのタイプミスがあります。それは以下のようになります。input:not([disabled]):not([type="submit"]):focus
これはコンセプトの証明のためにjsFiddleを参照してください。サイドロー上で、「背景色」のプロパティを削除すると、ボックスシャドウはもはや機能しません。理由は分かりません。
あなたの構文はかなりうんざりです。
変更この:
input:not(disabled)not:[type="submit"]:focus{
へ:
input:not(:disabled):not([type="submit"]):focus{
'input:enabled:not([type =" submit "]):focus {'? –
@SeantheBean良い点。それはきれいだ。 – Gavin
...多くの人々が
:enabled
と:disabled
が有効なCSSセレクタです気付いていないようだはい、私はreadonly属性を持っています私のプロジェクトで:)ありがとう! – BurebistaRuler:not([disabled])は非常に冗長な書き方です:enabled https://developer.mozilla.org/en-US/docs/Web/CSS/:enable – Adria
readonlyはどうですか? – Cullub