使用CSS使禁用的Flex Spark Button更具可读性

Question

我有一个Flex Spark Button我已经使用

将背景更改为深色

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

问题是当按钮被禁用时，它很难阅读（文本颜色和背景颜色非常接近）。我已经尝试将禁用的颜色设置为更轻的颜色

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

但禁用的文字颜色不是#ffffff。它是文本颜色和背景的某种组合。有没有办法禁用这种行为（即，指定完全禁用状态的文本颜色）？

Answer 1

您正在与按钮的默认外观作斗争。如果您要基于ButtonSkin创建新的按钮外观，您会看到整个外观的alpha设置为：alpha.disabled="0.5"。

将值设置为1.0可以解决您的问题，但定义整个皮肤只是为了修改此单个值似乎有点过分。

希望有更优雅的方式。我尝试在禁用的样式中设置alpha: 1.0;，但它不需要。我唯一能做的就是创建一个新的按钮样式，设置alpha.disabled="1.0"并告诉按钮使用稍微修改过的样式。

Answer 2

您可以创建2个.css文件，一个用于标准视图，另一个用于“禁用”视图，并设置您自己的按钮属性。编写一个更改要使用的.css文件的函数。