带有自定义滚动条的HTML表，没有jQuery

Question

我创建了一个带有固定标题和可滚动主体的HTML表格。我想将滚动条设置为与附加图像相似。table design

使用webkit，我已经更改为滚动条的颜色，但我不知道如何添加圆圈。

::-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和Pure Javascript来实现吗？

Answer 1

使用width: 30px;和height: 30px;，border-radius: 30px;会为您提供一个圈子，这可能有助于您获得创意。