导航位置：首页 > 技术开发 > 前端技术开发

CSS定义滚动条样式改变默认的网页滚动条的样式

豆腐果2020-03-29围观：点赞：

　　网页用到的滚动条默认样式有时候跟整体网页不太协调，这时候就可以考虑更改一下默认的样式，具体代码作为参考：

.innerbox::-webkit-scrollbar {
  width: 4px;
}
.innerbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.2);
}
.innerbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}

点赞评论