css - 使用 CSS 覆盖禁用的输入和文本区域

Question

我试图覆盖禁用的输入和文本区域的灰色文本。目前我只真正关心它在 Webkit 和 Mozilla 中的工作。目前，我正在使用我所知道的书中的所有技巧:

input[@disabled=true], input[@disabled],
button[disabled]:active, button[disabled],
input[type="reset"][disabled]:active,
input[type="reset"][disabled],
input[type="button"][disabled]:active,
input[type="button"][disabled],
select[disabled] > input[type="button"],
select[disabled] > input[type="button"]:active,
input[type="submit"][disabled]:active,
input[type="submit"][disabled],input[disabled="disabled"], input[disabled] {
    color: black !important;
}

当然，如果我将其更改为其他颜色，它确实会改变颜色，但是当我选择黑色时，它仍然会有点变灰。

有什么想法吗？如果我可以使用它来操作它，我正在使用 Ext JS。谢谢。

Answer 1

input.button-control[disabled]

{

    color: #cccccc !important;

    }

此处 button-control 是输入元素上的一个类，当设置禁用属性时，其文本将被覆盖为灰色。

希望对您有所帮助。