新Google文档UI中的滚动条如何设置样式(尤其是箭头按钮)？

/* 设置滚动条的宽度 */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

/* 设置滚动条的轨道样式 */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

/* 设置滚动条的滑块样式 */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

/* 设置滚动条的箭头按钮样式 */
::-webkit-scrollbar-button {
  background: #c1c1c1;
  border-radius: 10px;
}

/* 设置滚动条的箭头样式 */
::-webkit-scrollbar-arrow {
  background: #c1c1c1;
  border-radius: 10px;
}

/* 设置滚动条的箭头按钮悬停样式 */
::-webkit-scrollbar-button:hover {
  background: #999;
}

/* 设置滚动条的箭头悬停样式 */
::-webkit-scrollbar-arrow:hover {
  background: #999;
}