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

Question

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

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

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

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

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

score 3 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

2 回答 2