skin with image
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal" backgroundColor="#FFFFFF">
<mx:Style>
.customButton {
color: #FFFFFF;
text-roll-over-color: #FFFFBB;
text-selected-color: #9999FF;
disabled-color: #333333;
up-skin: Embed(
source="a.jpg",
scaleGridTop="15",
scaleGridBottom="20",
scaleGridLeft="15",
scaleGridRight="28");
over-skin: Embed(
source="a.jpg",
scaleGridTop="15",
scaleGridBottom="20",
scaleGridLeft="15",
scaleGridRight="28");
down-skin: Embed(
source="a.jpg",
scaleGridTop="15",
scaleGridBottom="20",
scaleGridLeft="15",
scaleGridRight="28");
disabled-skin: Embed(
source="a.jpg",
scaleGridTop="15",
scaleGridBottom="20",
scaleGridLeft="15",
scaleGridRight="28");
}
</mx:Style>
<mx:Button label="This button is enabled" styleName="customButton"/>
<mx:Button label="This button is disabled" styleName="customButton" enabled="false"/>
</mx:Application>
Related examples in the same category