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

Question

是否有已停用的input type="submit"或"button"？

的CSS选择器

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

这在IE6中有效吗？

Answer 1

  

这在IE6中有效吗？

不， IE6根本不支持属性选择器，参见 CSS Compatibility and Internet Explorer

您可能会发现值得阅读的 How to workaround: IE6 does not support CSS “attribute” selectors 。

---

修改
如果你要忽略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;
}