禁用输入类型的 CSS 选择器 = “提交”

小开

最佳答案

Does that work in IE6?

不，完全是 IE6 does not support attribute selectors，参照 Cc351024% 28VS. 85% 29.aspx # Attributeselectors”rel = “ noReferrer”> 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 {
...
}

You 可以 substitute [disabled=disabled] (attribute value) with [disabled] (attribute presence).

小开

正如 jensgram 所说，IE6不支持属性选择器。您可以添加 class = “ disable”来选择禁用的输入，这样就可以在 IE6中工作了。

小开

我使用@jensgram 解决方案来隐藏一个包含禁用输入的 div。所以我隐藏了输入的整个父级。

密码如下:

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

也许能帮到你们中的一些人。

小开

现在是2021年。这是 css 选择器，我在 Chrome 和 Edge 上用过(IE 似乎不再受支持: https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/) :

input[type=submit]:disabled {
background-color: #4a4a4a;
}