使用类禁用样式的表单控件

Question

我有一个带有样式的输入按钮，如果它被禁用，我想更改样式。当禁用设置是这样时disabled="disabled"，disabled这是可行的，但是如果仅通过编写来设置禁用，则它也不适用于类说明符，那么我构造CSS是否会出错？

因此，澄清input[disabled="disabled"].awesome工作正常，input.awesome.disabled不是。

我正在测试以下HTML：

<input class="awesome" disabled />
<input class="awesome" disabled="disabled" />

CSS：

input[disabled="disabled"].awesome , input.awesome.disabled
{
    color: #aaa;;
    background-color: #eee;
}

如果我这样写选择器，它将起作用（但适用于所有按钮）

input[disabled="disabled"], input.disabled { /**/ }

Answer 1

Disabled不是一个类（这就是您的CSS所暗示的），它是一个伪类。用这个：

input.awesome:disabled