谷歌浏览器的滚动条样式设置

自定义网页的滚动条样式，做个笔记以防以后用到

// 自定义滚动条样式
// 这是针对缺省样式 (必须的)
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

// 滚动条的滑轨背景颜色
::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.2);
}

// 滑块颜色
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

// 滑轨两头的监听按钮颜色
::-webkit-scrollbar-button {
  background-color: #7c2929;
  height: 0;
  width: 0px;
}

// 横向滚动条和纵向滚动条相交处尖角的颜色
::-webkit-scrollbar-corner {
  background-color: black;
}