css - 禁用输入的 CSS 选择器 type="submit"

Question

是否有用于禁用input type="submit"或的 CSS 选择器"button"？

我应该使用input[type="submit"][disabled]吗？

这在IE6中有效吗？

Answer 1

这在IE6中有效吗？

不，IE6 根本不支持属性选择器，参见。CSS 兼容性和 Internet Explorer。

您可能会发现How to workaround: IE6 不支持 CSS “属性”选择器，值得一读。

---

编辑
如果你要忽略 IE6，你可以这样做（CSS2.1）：

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

CSS3 (IE9+):

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

您可以用（属性存在）替换[disabled=disabled]（属性值）。[disabled]

Answer 2

正如 jensgram 所说，IE6 不支持属性选择器。您可以添加一个 class="disabled" 来选择禁用的输入，以便它可以在 IE6 中工作。

Answer 3

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

这是代码：

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

也许它可以帮助你们中的一些人。

Answer 4

这是在 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;
}