flex 自定义css样式来改变button的颜色 flex 教程 flex培训 flex源码 flex实例

/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";

/*
global
{
color: #6CC5D8;
}
*/

.mybutton
{
color: #10139C;
}

.mybutton2
{
color:#11efaa;
}

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
minWidth="955" minHeight="600">
<fx:Style source="css/flexcss.css"/>
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>

<s:Button id="mybutton" x="86" y="118" label="用style来定义我的显示" styleName="mybutton2"/>
<s:Button id="mybutton0" x="86" y="169" label="用style来定义我的显示" styleName="mybutton"/>

</s:Application>