CSS滚动条样式

统一隐藏滚动条

统一隐藏滚动条

谷歌
 *::-webkit-scrollbar {
  width: 0 !important;
}
ie10
* {
  -ms-overflow-style: none;
}
火狐
* {
  overflow: -moz-scrollbars-none;
}

修改滚动条样式

/*修改滚动条样式*/
/* 设置滚动条的样式 */
div::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}

/* 滚动槽 */
div::-webkit-scrollbar-track{
  background-color: unset;
}
/* 滚动条滑块 */
div::-webkit-scrollbar-thumb{
  border-radius: 5px;
  background-color: #072d4edc!important;
}
div::-webkit-scrollbar-thumb:hover{
  background: #333;
}
div::-webkit-scrollbar-corner{
  background: #179a16;
}

参数说明
::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的
::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track 外层轨道
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-thumb 滚动的滑块
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式