Question

我试图覆盖禁用输入和textarea的灰色文本。目前我只关心它在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是输入元素上的一个类，当设置了disabled属性时，其文本将覆盖为灰色。

我希望这会有所帮助。

Answer 2

我更愿意采用JavaScript方式实现最佳浏览器兼容性。我会使用ExtJS [http://www.extjs.com/deploy/ext-1.1.1/docs/output/Ext.DomQuery.html][DomQuery]并通过添加特定类或直接将它们作为样式属性值插入来插入CSS规则。

使用CSS覆盖禁用的输入和textarea

2 个答案: