Can'；t使用CSS将宽度和高度应用于webkit滚动条

为什么“宽度”和“高度”属性不起作用？

除了“高度”之外，其他属性都起作用

示例：

---

很确定这是因为浏览器根据内容的高度确定滚动条的高度。（内容越多，滚动条就越短……我不确定你是否可以忽略这一视觉提示。）

width

用于垂直滚动条，而

height

影响水平滚动条。无法定义垂直滚动条的高度。这取决于内容大小

如果要将背景图像添加到滚动条中，它们将像普通元素一样添加：

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color:#808080;
}

---

由于浏览器需要根据页面上的滚动量（取决于页面高度）调整高度，因此无法对滚动条应用高度

---

您可以通过将内容放在一个页面上以及将内容的高度设置为3000px来测试滚动条的大小。

我正在尝试将滚动条拇指缩放到给定的宽度和高度。此外，我如何在webkit scrollbar thumb类中使用自定义图像？请查看此答案中的任何示例CSS或指向进一步示例CSS的链接是否有助于您：嗯，那么我如何将自定义图像添加到webkit scrollbar thumb类？

::-webkit-scrollbar {
    width: 50px;
    height: 50px;
    background:-webkit-linear-gradient(0, blue 50%, white 100%);

}

::-webkit-scrollbar-thumb {
    background-color:#808080;
        background:url("http://www.topdesignmag.com/wp-content/uploads/2010/12/137.jpg");
}