Para empezar un ejemplo sencillo en Flex. Modifica la apariencia de los scrolls con CSS.

Básicamente consiste en modificar el skin que define al scroll con nuestras propias imágenes.

[ftf w="640" h="230"]/* CSS */
VScrollBar {
downArrowUpSkin: Embed(source=”/assets/downArrow.png”);
downArrowOverSkin: Embed(source=”/assets/downArrow.png”);
downArrowDownSkin: Embed(source=”/assets/downArrow.png”);
upArrowUpSkin: Embed(source=”/assets/upArrow.png”);
upArrowOverSkin: Embed(source=”/assets/upArrow.png”);
upArrowDownSkin: Embed(source=”/assets/upArrow.png”);
thumbDownSkin:
Embed(source=”/assets/thumb.png”,
scaleGridLeft=”7″, scaleGridTop=”5″,
scaleGridRight=”8″, scaleGridBottom=”7″);
thumbUpSkin:
Embed(source=”/assets/thumb.png”,
scaleGridLeft=”7″, scaleGridTop=”5″,
scaleGridRight=”8″, scaleGridBottom=”7″);
thumbOverSkin:
Embed(source=”/assets/thumb.png”,
scaleGridLeft=”7″, scaleGridTop=”5″,
scaleGridRight=”8″, scaleGridBottom=”7″);
trackSkin:
Embed(source=”/assets/scrolltrack.png”,
scaleGridLeft=”7″, scaleGridTop=”4″,
scaleGridRight=”8″, scaleGridBottom=”6″ );
}
/* CSS end */[/ftf]

Ver ejemplo y código>>