CSS美化谷歌浏览器滚动条样式
发表于：2024-11-26 作者：热门IT资讯网编辑
编辑最后更新 2024年11月26日，/*滚动条 start*/ ::-webkit-scrollbar { width: 7px; height: 4px; background-color: #F5F5F5; } /*定义
/*滚动条 start*/ ::-webkit-scrollbar { width: 7px; height: 4px; 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(158, 158, 158, 0.7); } ::-webkit-scrollbar-thumb:hover { border-radius: 3px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:rgba(158, 158, 158, 1); }下面是展示效果
