站长资源网页制作

css 设置overflow:scroll 滚动条的样式

整理:jimmy2024/12/24浏览2
简介css 设置overflow:scroll 滚动条的样式 /* 定义滚动条样式 */::-webkit-scrollbar {width: 6px;height: 6px;background-color: rgba(240, 240, 240, 1);}/*定义滚动条轨道 内阴影+圆角*/

css 设置overflow:scroll 滚动条的样式  

/* 定义滚动条样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(240, 240, 240, 1);
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  border-radius: 10px;
  background-color: rgba(240, 240, 240, .5);
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
  background-color: rgba(240, 240, 240, .5);
}

总结

以上所述是小编给大家介绍的css 设置overflow:scroll 滚动条的样式 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!