:: - webkit-scrollbar-button mit Inhalt

Question

Ich habe versucht, die Webkit Scrollbar wie Visual Studio zu entwerfen.

Beispiel:

Meine Frage ist, wie kann ich die ::-webkit-scrollbar-button wie das Beispiel gesetzt?

Hier ist mein Code:

::-webkit-scrollbar-button { 
    height: 10px; 
    content: "▲"; 
    color: rgb(255, 255, 255); 
    background: rgb(255, 0, 0); 
} 

Ausgang:

Es ist möglich, content: ""; Eigenschaft zu verwenden, um einen UTF-Charakter wie ▲ oder ▼ einstellen? Warum würde es nicht angezeigt?

Hier ist ein Fiddle

Answer 1

Die content: "" scheint nicht mit dem Scrollbar zu arbeiten. Ich habe es auch mit der content: "\25B2" versucht, funktioniert aber immer noch nicht.

Vielleicht können Sie ein Hintergrundbild wie in diesem Fiddle

verwenden