css 设置页面滚动条样式css 设置页面滚动条样式 css 设置页面滚动条样式 css 设置页面滚动条样式 css 设

index.css

/* 滚动条 */
::-webkit-scrollbar {
  /*垂直滚动条的宽*/
  width: 10px;
  /*垂直滚动条的高*/
  height: 10px;
}

::-webkit-scrollbar-track-piece {
  /*修改滚动条的背景和圆角*/
  background: #f7f7f7;
  -webkit-border-radius: 7px;
}

/*修改垂直滚动条的样式*/
::-webkit-scrollbar-thumb:vertical {
  background-color: #dcdfe6;
  -webkit-border-radius: 7px;
}

/*修改水平滚动条的样式*/
::-webkit-scrollbar-thumb:horizontal {
  background-color: #dcdfe6;
  -webkit-border-radius: 7px;
}