Сделать отключенную Flex Spark Button более читабельной, используя CSS

Question

У меня есть Flex Spark Button, я изменил фон на темный цвет, используя

s|Button {
    color: #66ffff;
    chromeColor: #333333;
}

Проблема в том, что когда кнопка отключена, ее очень трудно прочитать (цвет текста и фоновый цвет очень близки). Я пытался установить отключенный цвет на что-то более светлое

s|Button:disabled {
    color: #ffffff;
}

Но цвет отключенного текста не #ffffff. Это какая-то комбинация цвета текста и фона. Есть ли способ отключить это поведение (например, указать точный цвет текста отключенного состояния)?

Answer 1

Вы боретесь со стандартной оболочкой кнопки. Если бы вы создали новую обложку кнопки на основе ButtonSkin, вы бы увидели, что установлена ​​альфа-версия для всей обложки: alpha.disabled="0.5".

Установка значения 1.0 решает вашу проблему, но, кажется, излишне определять весь этот скин только для изменения этого единственного значения.

Надеюсь, есть более элегантный способ. Я попытался установить alpha: 1.0; в отключенном стиле, но это не займет. Единственное, что мне удалось сделать, - это создать новый стиль кнопки, установить alpha.disabled="1.0" и указать кнопке использовать этот слегка измененный стиль.

Answer 2

Вы можете создать 2 файла .css, один для стандартного представления и один для «отключенного» представления, и установить собственные свойства кнопок.Напишите функцию, которая изменяет используемый файл .css.