滚动条调整样式修改

Posted smallteeth

tags:

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

::-webkit-scrollbar { width: 18px; height: 30px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background: #fff ; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(255, 255, 247, 0.7); } ::-webkit-scrollbar-thumb:hover { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(255, 255, 247, 1)

 

以上是关于滚动条调整样式修改的主要内容,如果未能解决你的问题,请参考以下文章

修改浏览器滚动条样式

css 修改滚动条样式(附上element-ui框架的表格滚动条样式修改)

怎样改变框架滚动条的样式 急!!!

修改滚动条样式

产生垂直滚动条的三个因素和修改滚动条的样式

如何设置滚动条的样式?