javascript - 没有 jQuery 的带有自定义滚动条的 HTML 表格

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 和纯 Javascript 可以实现吗？

Answer 1

使用 width: 30px; 和 height: 30px;，border-radius: 30px; 给你一个圆，也许这有帮助获得创意。