Установите CSS для отключенной кнопки в DOJO

Question

Вот изображение, в котором говорится все. Я пытаюсь установить цвет текста для отключенной кнопки с #EEEEEE на черный, но я не могу найти его через css. Любая помощь будет очень полезна.

Я добавил строку в цвет * в #EEEEEE, поэтому я не хочу переопределять это, просто изменив цвет, если кнопка отключена.

Answer 1

Использование CSS Cascading. Что-то вроде этого:

.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(); 
});