Html css中的滚动条拇指高度

是否根据可滚动区域将滚动拇指的高度设置为默认值？如果没有，我可以设置滚动条拇指高度吗？如果可能的话怎么办？我试着用下面的方法做

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
  height: 5px;
}

---

但它对页面没有影响。请帮忙。提前感谢。

我不这么认为，拇指的高度取决于内容的大小，您可以更改

：-webkit滚动条内的宽度，但高度始终取决于内容

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }



如果您想在滚动时为滚动条拇指设置固定的最小高度。我们可以设置如下：

::-webkit-scrollbar-thumb {
    min-height: 40px;
   }

看看这个例子->摘自：“除了css，你还能修改你的代码吗？@DragomirKolev-你的解决方案不是跨浏览器如果你想自定义滚动条，那么最好的解决方案是：：-webkit-在ff端其他浏览器中它不工作！谢谢Dmitry，我在帖子中添加了浏览器列表支持！无法设置其height@AnjaliSharma可以设置最小高度，但不能设置高度。滚动条根据数据调整其高度。所以，如果有很多数据，你会看到一个小的滚动条，如果数据增加，高度减少，使用最小高度效果很好。谢谢