样式禁用表格控制与类

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

禁用不是一个类（这是你的CSS所暗示的），它是一个伪类。使用此：

input.awesome:disabled