HTML-Tabelle mit benutzerdefinierten Bildlaufleiste ohne jQuery

Question

Ich habe eine HTML-Tabelle mit einer festen Kopfzeile und scrollbaren Körper erstellt. Ich möchte die Bildlaufleiste so gestalten, dass sie wie das angehängte Bild aussieht. table design

Mit Webkit habe ich die Farbe der Bildlaufleiste geändert, aber ich weiß nicht, wie den Kreis hinzufügen.

::-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; } 

Kann dies nur mit HTML, CSS und Pure Javascript erreicht werden?

Answer 1

Mit einem width: 30px; und height: 30px;, border-radius: 30px; gibt Ihnen einen Kreis, vielleicht hilft das kreativ zu werden.