//滚动条凹槽的颜色,还可以设bai置du边框属性 (全局), 设置当前容器的滚动条样式只需加上容器类名即可
::-webkit-scrollbar-track-piece {
/background-color: #f8f8f8;/
border-radius: 5px;
background-color: #ccc;
}
//滚动条的宽度
::-webkit-scrollbar {
width:9px;
height:9px;
}
//滚动条的设置
::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color:#dddddd;
background-clip:padding-box;
min-height:28px;
}
浏览器默认滚动条设置
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 1.滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-t...
- 随着互联网的发展,人们对页面的要求越来越高,不只是功能好用,而且还要颜值高。前端开发人员对于浏览器的滚动条并不陌生...
- mac中使用谷歌时会自动隐藏滚动条,但是在开发中,有些时候这个问题却很困扰,比如以下地方,再不给任何提示的情况下,...
- /* 更改默认滚动条的样式 */::-webkit-scrollbar-track-piece {backgrou...