css - 使用 CSS 使禁用的 Flex Spark 按钮更具可读性

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"并告诉按钮使用稍微修改过的样式。