flex中使用css样式修改TextArea滚动条的皮肤代码

160 阅读 0 评论 106 点赞

我是靠谱客的博主碧蓝跳跳糖，最近开发中收集的这篇文章主要介绍flex中使用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> 