css - 使用箭头自定义滚动条（不是箭头按钮）

Question

我对浏览器中的自定义滚动条有疑问。我需要在滚动条拇指的开始和结束处制作箭头。尝试::-webkit-scrollbar-thumb:start并::-webkit-scrollbar-thumb:end为此制作自定义样式对滚动条本身没有影响。它至少应该在 webkit 浏览器中工作，理想的跨浏览器支持。

这是一个快速的想法，箭头应该在拇指的两端......希望你能帮助我。

https://www.dropbox.com/s/q3rg98iwhjshr4z/scroll.png

::-webkit-scrollbar {
  width: 15px; }

::-webkit-scrollbar-track {
  background-color: #eee;
}
::-webkit-scrollbar-thumb {
  background-color: #aaa;
} 

::-webkit-scrollbar-thumb:hover {
  background-color: #ccc;
}
::-webkit-scrollbar-corner {
  background-color: black;
} 

我需要做什么来自定义拇指的开始和结束？