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

Answer 1

有了width: 30px;和height: 30px;，border-radius: 30px;给了你一个圆圈，也许这有助于你变得更有创意。