web-dev-qa-db-ja.com

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

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

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

IE6でも機能しますか？

csscss-selectorssubmit-button
71
Francisc

IE6でも機能しますか？

いいえ、IE6は属性セレクターをまったくサポートしていません、cf。 CSS互換性とInternet Explorer。

回避方法：IE6はCSS「属性」セレクターをサポートしていませんを読む価値があります。

[〜＃〜] edit [〜＃〜]
IE6を無視する場合、次のようにすることができます（CSS2.1）：

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

CSS3（IE9 +）：

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

あなたcanの代わりに[disabled=disabled]（属性値）と[disabled]（属性の存在）。

104
jensgram

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

2
Tim

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

コードは次のとおりです。

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

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

0
Meloman