:: - webkit-scrollbar-button avec le contenu

Question

J'ai essayé de concevoir la barre de défilement du webkit comme Visual Studio.

Exemple:

Ma question est, comment je peux définir la ::-webkit-scrollbar-button comme l'exemple?

Voici mon code:

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

Sortie:

Il est possible d'utiliser content: ""; propriété pour définir un caractère UTF-comme ▲ ou ▼? Pourquoi ne pas afficher?

Voici une Fiddle

Answer 1

Le content: "" ne semble pas travailler avec la barre de défilement. J'ai également essayé avec le content: "\25B2" mais ne fonctionne toujours pas.

Peut-être que vous pouvez utiliser une image de fond comme dans ce Fiddle