SKITSANOS FOR RIA

Skitsanos

Friday, November 20, 2009

Adobe AIR2, Styling scrollbar

Looking for little hint on styling your scroll bars within AIR2 application, here are stylesheet elements to look after:

::-webkit-scrollbar,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {    }
::-webkit-scrollbar-track:vertical {}
::-webkit-scrollbar-track:vertical:disabled {}
::-webkit-scrollbar-track:horizontal {}
::-webkit-scrollbar-track:horizontal:disabled {}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-button:vertical:start {}
::-webkit-scrollbar-button:vertical:start:hover {}
::-webkit-scrollbar-button:vertical:start:active {}
::-webkit-scrollbar-button:vertical:start:disabled {}
::-webkit-scrollbar-button:vertical:end {}
::-webkit-scrollbar-button:vertical:end:hover {}
::-webkit-scrollbar-button:vertical:end:active {}
::-webkit-scrollbar-button:vertical:end:disabled {}
::-webkit-scrollbar-button:horizontal:start {}
::-webkit-scrollbar-button:horizontal:start:hover {}
::-webkit-scrollbar-button:horizontal:start:active {}
::-webkit-scrollbar-button:horizontal:start:disabled {}
::-webkit-scrollbar-button:horizontal:end {}
::-webkit-scrollbar-button:horizontal:end:hover {}
::-webkit-scrollbar-button:horizontal:end:active {}
::-webkit-scrollbar-button:horizontal:end:disabled {}
::-webkit-scrollbar-thumb:vertical {}
::-webkit-scrollbar-thumb:vertical:hover {}
::-webkit-scrollbar-thumb:vertical:active {}
::-webkit-scrollbar-thumb:horizontal {}
::-webkit-scrollbar-thumb:horizontal:hover {}
::-webkit-scrollbar-thumb:horizontal:active {}

Hope this helps.

0 comments:

Webware development dedicated blog by Skitsanos R&D Labs. ASP.NET, XML, RIA, Adobe Flex, ActionScript 3, AIR, AJAX, Web 2.0, Backbase, CGI development with RealBasic and other web development issues.
News
Downloads