piumnl
2/24/2017 - 1:16 PM

用于浏览器的滚动条样式,仅支持那些webkit浏览器,如chrome

用于浏览器的滚动条样式,仅支持那些webkit浏览器,如chrome

/* 滚动条 */
::-webkit-scrollbar-thumb:horizontal { /* 水平滚动条的样式 */
  width: 5px;
  background-color: #2F343F;
  -webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece {
  background-color: #2F343F; /* 滚动条的背景颜色 */
  -webkit-border-radius: 0; /* 滚动条的圆角宽度 */
}
::-webkit-scrollbar {
  width: 8px; /* 滚动条的宽度 */
  height: 8px; /* 滚动条的高度 */
}
::-webkit-scrollbar-thumb:vertical { /* 垂直滚动条的样式 */
  height: 50px;
  background-color: #565B62;
  -webkit-border-radius: 0;
  outline: 2px solid #01201f;
  outline-offset: -2px;
}
::-webkit-scrollbar-thumb:hover { /* 滚动条的 hover 样式 */
  height: 50px;
  background-color: #565B7F;
  -webkit-border-radius: 0;
}