CSS 3スクロールバー - パディングとカーソルを追加しますか？

Question

これら2つのものをスクロールバーに追加するにはどうすればよいですか？

1. あなたはスクロールバー

を置くと、スクロールバー

カーソルの周りのパディングがこれは私のコードです：

#style-4::-webkit-scrollbar-track 
    { 
     background-color: #fff; 
    } 

    #style-4::-webkit-scrollbar 
    { 
     width: 5px; 
     background-color: #fff; 

    } 

    #style-4::-webkit-scrollbar-thumb 
    { 
     background-color: #ccc; 

    } 

    #style-4::-webkit-scrollbar-thumb:hover 
    { 
     background-color: #666; 
     cursor: pointer; 
    } 

あなたはそれhereを見ることができます。私はcssdeckのもののようにパディングを追加したい。

可能ですか？

Answer 1

ため、このいずれかを試してみてください。すべての-webkit-scrollbar要素に追加左

#style-4::-webkit-scrollbar { 
    width: 10px; /* add 5px */ 
    ... 
} 

#style-4::-webkit-scrollbar-thumb { 
    box-shadow: inset 5px 0 0 0 white; /* change color to your bg color */ 
    ... 
} 

cursor: pointerからサンプル5pxのパディングが、残念ながら動作しません。

Answer 2

はい追加できます。

私が間違っていると思われる場合は、これが正しいと思います。

Answer 3

は、そのパディングについてカーソル

#style-4:hover{ 
    cursor:pointer; 
}