如何更改webkit-scrollbar-thumb的长度？

Question

我正在尝试创建一个精美的滚动条，但有一个问题，我不喜欢它的长度。你能以某种方式改变它吗？因此，使用package.json无效。

如果有人将此问题标记为重复，那么请提前告知我，因为我搜索了10分钟。

Answer 1

/* Resize / 10px 10px suggested  */
::-webkit-scrollbar{
  width:10px; /* for vertical scrollbar */
  height:10px /* for horizontal scrollbar */
}

/* up down arrows . */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{
  display:none;
}

/* Background */
::-webkit-scrollbar-track-piece{
  background-color:#e6e6e6
}

/* hold piece */
::-webkit-scrollbar-thumb{
  -webkit-border-radius:4px;
  background:#444;
}

Answer 2

/* -------------------------------- 
Scroll Bar style
-------------------------------- */
::-webkit-scrollbar {
  background: white;
  width: 4px;
}

::-webkit-scrollbar-thumb {
  background: #666;
  -webkit-border-radius: 6px;
}

::selection {
  background-color: white;
  color: #111;
}

::-moz-selection {
  background-color: white;
  color: #111;
}