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 282 megtekintés