jQueryを使用しないカスタムスクロールバーを使用したHTMLテーブル

Question

固定ヘッダーとスクロール可能な本体でHTMLテーブルを作成しました。私は、添付画像のようにスクロールバーをスタイルする必要があります。 WebKitのを使用してtable design

は、私は、スクロールバーの色に変更されましたが、私は、円の追加方法がわかりません。

::-webkit-scrollbar { 
    width: 15px; 
    background-color: #00467f; } 

::-webkit-scrollbar-track { 
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } 

::-webkit-scrollbar-thumb { 
background-color: #00bce4; 
outline: 1px solid slategrey; 
z-index: 10; } 

これは、HTML、CSS、および純粋なJavascriptのみを使用して達成できますか？

Answer 1

width: 30px;とheight: 30px;の場合、border-radius: 30px;はあなたに円を与えます。多分創造に役立ちます。