纯css修改浏览器scrollbar滚动条样式
0
这里，我们可以通过css修改浏览器scrollbar滚动条样式的方法，让页面更加美观舒适。
纯css更改挑选器scrollbar会滚动条版式二维码：::-webkit-scrollbar {
width: .5rem;
height: .5rem;
background: hsla(0, 0%, 100%, 0.6);
}
::-webkit-scrollbar-track {
border-radius: 0;
}
::-webkit-scrollbar-thumb {
border-radius: 0;
background-color: rgba(95,95,95,.4);
transition: all .2s;
border-radius: .5rem;
&:hover {
background-color: rgba(95,95,95, .7);
}
}将以上内容编号直接的放置于的csszip文件上面，获取下html页面就好了解到新的拖动条郊果。
赞(0)
打赏
微信 支付宝 QQ 扫码打赏
微信 支付宝 QQ 扫码打赏
html去滚动条 css窗口滚动条 css纵向滚动条 css隐藏滚动条样式 css滚动条颜色 css滚动条代码 css3滚动条 css竖滚动条 css修改滚动条