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

Question

我创建了一个带有固定标题和可滚动正文的HTML表。我想设置滚动条的样式，使其看起来像附加的图像.表格设计

使用 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;给你一个圆圈，也许这有助于发挥创造力。