Html5前端⽹页滚动条样式的设置可以在全局⾥⾯设置
::-webkit-scrollbar{
/*垂直滚动条的宽*/
width: 5px;
height: 16px;
}
::-webkit-scrollbar-track-piece{
/*修改滚动条的背景和圆⾓*/
background: #abcdef;
-webkit-border-radius: 6px;
html如何设置图片滚动}
/
*修改垂直滚动条的样式*/
::-webkit-scrollbar-thumb:vertical{
background-color: #ffffff;
-webkit-border-radius: 6px;
}
/*修改⽔平滚动条的样式*/
::-webkit-scrollbar-thumb:horizontal{
background-color: #faa;
-webkit-border-radius: 6px;
}
具体可根据需要更改,注释很清楚。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论