67


7

無効な入力type = "submit"のCSSセレクター

無効な `input type =" submit "`または `" button "`のCSSセレクターはありますか?

`input [type =" submit "] [disabled]`を使用するだけですか?

IE6で機能しますか?

3 Answer


103


_ IE6で機能しますか? _

いいえ、* IE6は属性セレクター*をまったくサポートしていません、cf。 _http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#attributeselectors [CSS互換性とInternet Explorer] _。

_https://stackoverflow.com/questions/649341/how-to-workaround-ie6-does-not-support-css-attribute-selectors [回避策:IE6はCSSの「属性」セレクターをサポートしていません] _読む価値があります。

'' '' '

  • EDIT * + _IE_をIE6を無視する場合は、次のようにします(CSS2.1):

input[type=submit][disabled=disabled],
button[disabled=disabled] {
    ...
}

CSS3(IE9 +):

input[type=submit]:disabled,
button:disabled {
    ...
}

[disabled = disabled](属性値)を [disabled](属性の存在)で置き換えることができます。


2


jensgramによると、IE6は属性セレクターをサポートしていません。 IE6で機能するように、無効な入力を選択するためにclass = "disabled"を追加できます。


0


@jensgramソリューションを使用して、無効な入力を含むdivを非表示にしました。 したがって、入力の親全体を非表示にします。

これがコードです:

div:has(>input[disabled=disabled]) {
    display: none;
}

たぶんそれはあなたの何人かを助けるかもしれません。