Mudando barra de rolagem

Painel de Controle Visualização Imagens e Cores Cores Aba 'Folha de estilo CSS'

Código:

/*Barra de Scrool */
/* Chrome e Opera*/
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
background: blue;
}

::-webkit-scrollbar-track-piece {
background: white;
}
::-webkit-scrollbar-corner {
background: #EBEBEB;
}
/* Mozzila */
::moz-scrollbar-thumb {
moz-border-radius: 7px;
moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
background: blue;
}

::moz-scrollbar-track-piece {
background: white;
}
::moz-scrollbar-corner {
background: #EBEBEB;
}
/* IE */
::-o-scrollbar-thumb {
-o-border-radius: 7px;
-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
background: blue;
}

::-o-scrollbar-track-piece {
background: white;
}
::moz-scrollbar-corner {
background: #EBEBEB;
}

Código:

body {
scrollbar-arrow-color:#000000;
scrollbar-3dlight-color:#000000;
scrollbar-highlight-color:#FF0000;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#0000FF;
scrollbar-darkshadow-color:#FFFF00;
scrollbar-track-color:#00FF00;
}

::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
 
::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}
 
::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

Código:

::-webkit-scrollbar {
-webkit-border-radius: 1ex;
background: orange;
height: 12px;
width: 12px;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 7px;
-webkit-box-shadow: 0 1px 2px
rgba(0, 0, 0, 0.75);
background: #0000FF;
}
::-webkit-scrollbar-track-piece {
background:
white;
}
::-webkit-scrollbar-corner {
background: #EBEBEB;
}