滚动条调整样式修改
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)
以上是关于滚动条调整样式修改的主要内容,如果未能解决你的问题,请参考以下文章