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

Posted lee1-w

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 设置overflow:scroll 滚动条的样式相关的知识,希望对你有一定的参考价值。

 /* 定义滚动条样式 */

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

以上是关于css 设置overflow:scroll 滚动条的样式的主要内容,如果未能解决你的问题,请参考以下文章

css隐藏滚动条

overflow-y:scroll;页面中部分元素可滚动

CSS的overflow上下滚动

css滚动条怎么设置

CSS隐藏滚动条

CSS隐藏滚动条