Internet Explorer 8-9 böngészőkhöz
 

CSS kód
 

<style type="text/css">
html {
 scrollbar-base-color: #000000;
 scrollbar-arrow-color: #D8D8D8;
 scrollbar-track-color: #383838;
 scrollbar-shadow-color: #000000;
 scrollbar-lightshadow-color: #D8D8D8;
 scrollbar-darkshadow-color: #D8D8D8;
 scrollbar-highlight-color: #D8D8D8;
 scrollbar-3dlight-color: #ffffff;
 }
scrollbar{
-moz-appearance: none !important;}
</style>

Google Chrome, Opera és Safari böngészőkhöz
 

CSS kód
 

<style type="text/css">
::-webkit-scrollbar {
     width: 12px;
}
::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
::-webkit-scrollbar-thumb {
     -webkit-border-radius: 10px;
     border-radius: 10px;
     background: rgba(255,0,0,0.8);
     -webkit-box-shadow:
     inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(255,0,0,0.4);
}
-->
</style>

1 245 megtekintés