CSS 背景和边框支持

【问题标题】：CSS Background and border supportCSS 背景和边框支持
【发布时间】：2013-06-21 09:14:47
【问题描述】：

是否有与 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"/>

【问题讨论】：

【解决方案1】：

虽然您可以将 CSS 与 Flex 一起使用，但至少对我而言，边框似乎对 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 语法相似。

【讨论】：