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

最新推荐文章于 2018-01-22 15:11:12 发布

转载最新推荐文章于 2018-01-22 15:11:12 发布 · 2.9k 阅读

文章标签：

#flex #button #css #library #application #encoding

flex简单学习专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何在flexcss.css文件中定义按钮样式，并在XML应用界面中应用这些样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>