在DOJO中为禁用按钮设置C​​SS

Question

这是说明这一切的图像。我正在尝试将禁用按钮的文本颜色从#EEEEEE设置为黑色，但我似乎无法通过css找到它。任何帮助都将受到极大的关注。

我将颜色*的行添加到#EEEEEE，所以我不想覆盖它只是在禁用按钮时更改颜色。

Answer 1

使用CSS级联。像这样：

.dijitButtonDisabled .dijitButtonNode .dijitButtonText{
    color: #000;
}

假设memberDetailsBtnBar是图像中显示的元素树的根，只有当按钮处于禁用状态时，上述规则才会覆盖您的规则。

Answer 2

使用以下CSS

.dijitButtonDisabled .dijitButtonText{
    color: black;
}

实例：https://jsfiddle.net/Lzrzoor5/1/

require(["dijit/form/Button", "dojo/dom", "dojo/domReady!"], function(Button, dom){
    // Create a button programmatically:
    var myButton = new Button({
        label: "Click me!",
        disabled: true,
        style: 'color: red'
    }, "progButtonNode").startup();
});