flex中使用css样式修改TextArea滚动条的皮肤代码
投稿:whsnow
使用css样式修改TextArea滚动条的皮肤,具体示例代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助
复制代码 代码如下:
<mx:script>
<![CDATA[
........
var contentTextArea = new TextArea();
contentTextArea.setStyle("verticalScrollBarStyleName","mytextAreaStyle");
........
]]>
</mx:Script>
<mx:Style>
.mytextAreaStyle{
/* 滑块 */
thumbSkin: ClassReference(null);
/* 滑道 */
trackSkin:Embed(source="pe/trackSkin.jpg");
/* 向上箭头 */
upArrowUpSkin:Embed(source="pe/upArrowSkin.png");
upArrowOverSkin:Embed(source="pe/upArrowSkin.png");
upArrowDownSkin:Embed(source="pe/upArrowSkin.png");
/* 向下箭头 */
downArrowUpSkin:Embed(source="pe/downArrowSkin.png");
downArrowOverSkin:Embed(source="pe/downArrowSkin.png");
downArrowDownSkin:Embed(source="pe/downArrowSkin.png");
}
</mx:Style>