.main::-webkit-scrollbar { /*滚动条整体样式*/
width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
height: 6px;
}
.main::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
height: 50px;
background-color: #999;
-webkit-border-radius: 4px;
outline: 2px solid #ededed;
outline-offset: -2px;
}
.main::-webkit-scrollbar-track { /*滚动条里面轨道*/
background-color: #ededed; /*滚动条的背景颜色*/
-webkit-border-radius: 0; /*滚动条的圆角宽度*/
}
.main::-webkit-scrollbar{/*滚动条整体样式*/ width:6px;/*高宽分别对应...
CSS3或CSS+JS实现改变滚动条样式(兼容所有浏览器) /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸...
css 改变scroll样式 /*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scr...
CSS设置滚动条样式 一：webkit下面的CSS设置滚动条 ::-webkit-scrollbar 滚动条整体部...
css 设置overflow:scroll 滚动条的样式
对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...
标签（空格分隔）： css 浏览器自带滚动条总是不能够完全适应项目的样式，修改滚动条样式
本文来自：CSS3自定义滚动条样式 自定义滚动条实现 此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默...
毕竟，谷歌默认的滚动条样式是真丑 代码
本文标题：如何用css改变滚动条样式？
本文链接：https://www.haomeiwen.com/subject/cphrfhtx.html
网友评论