FLEX4中使用css开发图片按钮的问题

[连恒]

参考网上的例子写了个按钮的css， 代码如下：

<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";

s|Button {
fontSize: 20px;
upSkin: Embed(source="Z:/assets/images/login1.png");
overSkin: Embed(source="Z:/assets/images/login2.png");
downSkin: Embed(source="Z:/assets/images/login3.png");
}

</fx:Style>

结果图片不起作用，但是字体大小起作用了，不知道是什么原因，还请大家指教。。。

[passself]

楼主你是不是写的样式没有起作用啊，你分开写s和Button试试，还有查看一下路径

[连恒]

感谢楼上的回复

样式已经起作用了，按钮的文字的确变成20px, 图片路径也没有问题，我在程序里把这图片加载到Image能够显示出来。

[连恒]

自己解决了。

由于我使用的按钮位于spark组件包中，spark组件采用新的外观设计方法。

我写的css定义按钮skin只适用于老的halo组件包，所以简单的把<s:Button> 改成 <mx:Button> 就解决问题了。

flex4新增的外观设计怎么弄，还要再研究一下。

[liucheng1735]

遇到同样问题，同样方法解决的，谢谢分享。