这篇文章给大家介绍Flex中CSS文件如何使用，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
一.使用<mx:Style>标签
xml代码
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style> Button{ color:#ff0000; borderColor:#cccccc; themeColor:#00ff00; fontFamily:Arial; fontSize:12; fontWeight:normal; } .mylinkButton{ rollOverColor:#00ff00; selectionColor:#00ff00; color:#ffff00; } </mx:Style> <mx:Buttonxmx:Buttonx="10"y="10"label="Button"/> <mx:LinkButtonstyleNamemx:LinkButtonstyleName="mylinkButton"label="LinkButton" x="10"y="40"/> </mx:Application>二.使用CSS文件
使用CSS文件和使用<mx:Style>标签基本一样。先创建一个CSS文件mystyle.CSS，并将上面的样式内容复制进去。
CSS代码
Button{ color:#ff0000; borderColor:#cccccc; themeColor:#00ff00; fontFamily:Arial; fontSize:12; fontWeight:normal; } .mylinkButton{ rollOverColor:#00ff00; selectionColor:#00ff00; color:#ffff00; textRollOverColor:#0000ff; }再修改我们的主程序，使用<mx:Style>标签的source属性，指定CSS文件
xml代码
<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Stylesourcemx:Stylesource="CSS/mystyle.CSS"/> <mx:Buttonxmx:Buttonx="10"y="10"label="Button"/> <mx:LinkButtonstyleNamemx:LinkButtonstyleName="mylinkButton"label="LinkButton"x="10"y="40"/> </mx:Application>三.使用编程方法
可以通过CSSStyleDeclaration对象，来设置CSS样式，也可以通过Flex显示对象的setStyle()来设置样式。
privatefunctioninit():void{ myLinkBtn.setStyle("color","#ff0000"); myLinkBtn.setStyle("rollOverColor","#ffff00"); }关于Flex中CSS文件如何使用就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
