flex中使用css样式修改TextArea滚动条的皮肤代码
程序员文章站
2022-03-07 18:49:25
复制代码 代码如下:
<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>
复制代码 代码如下:
<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>