css - 自定义 Chrome 滚动条样式的高度不起作用

Question

我想自己定义 Chrome 滚动条的样式，所以我使用这样的::-webkit-scrollbar伪元素：

<div id="outer">
    <p id="inner">
    Sample
    </p>
</div>

#outer::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background: red;
}
#outer::-webkit-scrollbar-thumb {
    background: blue;
}

我想更改垂直滚动条的高度，但该height属性似乎不起作用

这是演示：

http://jsfiddle.net/sPctL/

那么我怎样才能让height财产工作呢？

Answer 1

这可能是一个老问题，但是......

滚动条高度不是指水平滚动条的高度，而不是垂直高度吗？

您是指垂直滚动条上拇指的高度吗？我的印象是这是不可能的。

如果我错了，有人会骂我。:)

Answer 2

如果我明白你的意思，请使用max-height或min-height