更改滚动条形状（CSS3）

Question

我正在为网站制作自定义滚动条。目前我使用border-radius使其呈椭圆形，但希望两端是尖锐的，就像三角形一样。我只需更改滚动条的手柄，这就是我目前对椭圆形状的看法：

::-webkit-scrollbar-thumb { background: #d62222; border-radius: 5px; }