字定义-webkit-前缀的浏览器滚动条样式
作者:
_踮起脚尖看世界 | 来源:发表于
2022-01-15 10:35 被阅读0次
Chrome浏览器
- 整体部分，::-webkit-scrollbar；
- 两端按钮，::-webkit-scrollbar-button；
- 外层轨道，::-webkit-scrollbar-track；
- 内层轨道，::-webkit-scrollbar-track-piece；
- 滚动滑块，::-webkit-scrollbar-thumb；
- 边角，::-webkit-scrollbar-corner；
CSS 代码
::-webkit-scrollbar{
windth:8px;
height:8px;
}
::-webkit-scrollbar-thumb{
background-color:rgba(0,0,0,.2);
border-radius:6px;
}
::-webkit-scrollbar-track{
background-color:#ddd;
border-radius:6px;
}
样式：
image.png
本文标题：字定义-webkit-前缀的浏览器滚动条样式
本文链接：https://www.haomeiwen.com/subject/pejthrtx.html
网友评论