CSS背景和边框支持

Question

是否有符合CSS1，CSS2或CSS3背景行为的Flex 4皮肤或Flex 3编程皮肤？

我正在尝试为所有Flex组件添加类似CSS的功能。

例如，在HTML中，您可以使用以下代码设置按钮的背景和边框：

<input 
style="background:#ffffff url('img_tree.png') no-repeat right top;
border:border:5px solid red;
border-right-style:none;" 
type="button"/>

Answer 1

虽然你可以在Flex中使用CSS，但边框似乎对S | Button没有任何影响，至少对我而言。见Using Cascading Style Sheets。

示例：

S|Button
{
background-image: Embed(source="assets/img-tree.png");
background-size: "100%";
border: 5px solid red:
}

所以你需要研究Spark皮肤：Adobe devnet上的按钮皮肤有一个简单的例子。根据您的需要，您需要修改Rect颜色并填充，并为背景添加s：BitmapImage。请参阅：Introducing skinning in Flex 4 at Adobe devnet

请注意，常规Flex语法对语法很熟悉。