Come far apparire le barre di scorrimento personalizzate in tutti i browser?

Question

Sto usando un semplice codice per una barra di scorrimento su misura colore:

<style type="text/css"> 
<!-- 
BODY 
{ 
    scrollbar-face-color: #000000; 
    scrollbar-highlight-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
    scrollbar-shadow-color: #000000; 
    scrollbar-arrow-color: #FF99FF; 
    scrollbar-track-color: #FFCCFF; 
} 
--> 
</style> 

E non funziona in cromo, ma lo fa in IE e non sono sicuro di altri browser. Sto usando Chrome come browser principale, ho visto questo problema anche su altri siti web, ma mi chiedevo se c'era un modo per aggirarlo?

C'è un modo per creare div/box di semi-opacità che funzionano in tutti i browser in questi giorni con script speciali, quindi ci chiedevamo se esistesse una soluzione del genere per le barre di scorrimento?

Grazie!

Answer 1

Questi attributi semplicemente non funzioneranno al di fuori di Internet Explorer. Sono una strana mistura di Microsoft che non è mai stata in alcun standard.

Se vuoi fingere, avrai bisogno di Javascript. Non penso che il puro CSS ti farà ottenere l'effetto.

Answer 2

Qui sono alcuni plugin che funziona per tutti i browser:

1. http://jscrollpane.kelvinluck.com/
2. http://www.hesido.com/web.php?page=customscrollbar
3. http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/

Answer 3

scrollbar non è uno standard CSS. In Chrome o Safari (WebKit) è possibile utilizzare l'estensione con prefisso -webkit-Read more here.

FireFox non supporta lo stile della barra di scorrimento.

Probabilmente è possibile supportare questo effetto solo nei browser IE e WebKit oppure utilizzare le librerie JavaScript come ha affermato Iwo Kucharski.