2017-05-13 9 views
3

私はVisual StudioのようなWebkitスクロールバーを設計しようとしました。:: - webkit-scrollbar-button with content

例:

Original Visual Studio Scrollbar

は、私の質問は、どのように私は、例のような::-webkit-scrollbar-buttonを設定することができますか?ここで

は私のコードです:

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

出力: My Scrollbar

▲のようなUTF-文字を設定し、▼しcontent: "";プロパティを使用することが可能でしょうか? なぜ表示されないのですか?ここで

content: ""は、スクロールバーで動作していないようFiddle

答えて

1

です。私もcontent: "\25B2"で試しましたが、まだ動作しません。

このような背景画像を使用できますか?Fiddle