Wie können benutzerdefinierte Scrollbalken in allen Browsern angezeigt werden?

Question

Ich bin mit einem einfachen Code für eine Farbe besonders angefertigt Scrollbar:

<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> 

Und es in Chrom nicht funktioniert, aber es funktioniert in IE und über anderen Browser nicht sicher. Ich benutze Chrome als meinen Hauptbrowser, ich habe dieses Problem auch auf anderen Webseiten gesehen, aber ich habe mich gefragt, ob es irgendeinen Weg gab?

Es gibt eine Möglichkeit, halbtransparente divs/boxen zu erstellen, die heutzutage in allen Browsern mit speziellen Skripten funktionieren, also fragte ich mich, ob es eine Lösung für die Bildlaufleisten gab?

Danke!

Answer 1

Diese Attribute funktionieren einfach nicht außerhalb von Internet Explorer. Sie sind eine etwas bizarre Microsoft-Mischung, die nie in irgendeinem Standard war.

Wenn Sie es fälschen wollen, benötigen Sie etwas Javascript. Ich glaube nicht, dass reines CSS Ihnen die Wirkung bringen wird.

Answer 2

haben hier einige Plugins, die für alle Browser funktioniert:

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 ist kein CSS-Standard. In Chrome oder Safari (WebKit) können Sie die Erweiterung mit dem Präfix -webkit-Read more here verwenden.

FireFox unterstützt kein Scrollbar-Styling.

Wahrscheinlich können Sie diesen Effekt nur in IE- und WebKit-Browsern unterstützen oder JavaScript-Bibliotheken verwenden, wie Iwo Kucharski sagte.