htmlText에서 <a>태그를 사용할 수 있는데요. 이것에 마우스오버 시 다른 css로 바꾸는 a:link, a:hover, a:active 스타일을 적용할 수 있습니다.
근데, 그냥 css에 때려박으니까 안되더라구요. 검색하니까 바로 나오네요^^
우선 StyleLabel.as
[code]
package
{
import flash.text.StyleSheet;
import mx.controls.Label;
public class StyleLabel extends Label
{
public function StyleLabel()
{
super();
}
override protected function createChildren():void
{
super.createChildren();
var styleSheet:StyleSheet = new StyleSheet();
styleSheet.setStyle("a:link", {color:"#004F99", textDecoration:"none"});
styleSheet.setStyle("a:hover", {color:"#004F99", textDecoration:"underline"});
styleSheet.setStyle("a:active", {textDecoration:"none"});
textField.styleSheet = styleSheet;
}
}
}
[/code]
textField에 styleSheet라는 것이 있는데, StyleSheet를 생성해서 a:link, a:hover, a:active를 스타일설정해서 textField에 있는 styleSheet에 넣어주면 끝!
[code]<local:StyleLabel id="styleLabel">
<local:htmlText>
<![CDATA[<a href="http://www.naver.com">네이년</a>]]>
</local:htmlText>
</local:StyleLabel>[/code]
htmlText를 사용하는 컴포넌트 Label이나 Text, TextArea에서 됩니다.
근데, 그냥 css에 때려박으니까 안되더라구요. 검색하니까 바로 나오네요^^
우선 StyleLabel.as
[code]
package
{
import flash.text.StyleSheet;
import mx.controls.Label;
public class StyleLabel extends Label
{
public function StyleLabel()
{
super();
}
override protected function createChildren():void
{
super.createChildren();
var styleSheet:StyleSheet = new StyleSheet();
styleSheet.setStyle("a:link", {color:"#004F99", textDecoration:"none"});
styleSheet.setStyle("a:hover", {color:"#004F99", textDecoration:"underline"});
styleSheet.setStyle("a:active", {textDecoration:"none"});
textField.styleSheet = styleSheet;
}
}
}
[/code]
textField에 styleSheet라는 것이 있는데, StyleSheet를 생성해서 a:link, a:hover, a:active를 스타일설정해서 textField에 있는 styleSheet에 넣어주면 끝!
[code]<local:StyleLabel id="styleLabel">
<local:htmlText>
<![CDATA[<a href="http://www.naver.com">네이년</a>]]>
</local:htmlText>
</local:StyleLabel>[/code]
htmlText를 사용하는 컴포넌트 Label이나 Text, TextArea에서 됩니다.