自定义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

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

Answer 2

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

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

你的意思是垂直滚动条上拇指的高度？我觉得这是不可能的。

如果我错了，有人会对我大喊大叫。 ：）