如何使用CSS设置Flex Spark Button的边框颜色

Question

Is it possible? Or do I need to use Skin architecture? in I can't found the property border color, so I think I need to create a entire skin customized? Or are there the property accessible by css?

Answer 1

Create a custom Skin based on the default spark ButtonSkin. You'll notice a Rect named "border". The border is actually a gradient, I suggest you to replace it by a SolidColorStroke for now. Set an id to this stroke

In the updateDisplayList method, add : strokeId.color = getStyle("borderColor");

now you can use a borderColor property in your CSS file ;)

Answer 2

I think to change the border color is to create a custom skin, and set up the color of rectangles that draw the component. I haven't found accessors or property to set the color of the spark button border directly.