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

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;
} 

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