chrome用为类来自定义滚动条

作者: 三爪猫60212662
来源: 51数据库
2022-08-15

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

body::-webkit-scrollbar-track-piece {
  background-color: white;
}

::-webkit-scrollbar-track-piece:no-button {}

::-webkit-scrollbar-thumb {
  background-color: #3994EF;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #A4EEF0;
}

::-webkit-scrollbar-thumb:active {
  background-color: #666;
}

::-webkit-scrollbar-button:vertical { width: 9px; }
::-webkit-scrollbar-button:horizontal { width: 9px; }
::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }

推荐阅读