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

?flexcss.css

/* 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应用界面

<?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>