使用 CSS 设置 Flex MX 按钮背景颜色

Question

如何使用 CSS 设置 Flex MX 按钮的背景颜色？我的按钮声明为：

<mx:Button label="My Button"/>

CSS 为：

@namespace mx "library://ns.adobe.com/flex/mx";

mx|Button {
    color: #66ffff;
    backgroundColor: #333333;
}

backgroundColor 似乎不是 MX 按钮背景颜色的正确 CSS 属性。查看 Flex API 文档，我尝试了 fillColors 但没有任何作用。

是否可以使用 CSS 更改 mx.controls.Button 的背景颜色？

Answer 1

尝试

Button {
   fillAlphas: 1, 1, 1, 1;
   fillColors: #66ffff, #66ffff, #66ffff, #66ffff;
}

即使我尝试使用外部 .css 文件，

您也可以使用 创建它Flex Style Explorer 并通过以下语句导入：

<mx:Style source="yourstylesheet.css" />