使用 CSS 使禁用的 Flex Spark 按钮更具可读性答案

【问题标题】：Make disabled Flex Spark Button more readable using CSS使用 CSS 使禁用的 Flex Spark 按钮更具可读性
【发布时间】：2011-04-08 23:39:23
【问题描述】：

我有一个 Flex Spark Button，我使用它将背景更改为深色

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：