首页 前端知识 【css】滚动条webkit-scrollbar样式重置

【css】滚动条webkit-scrollbar样式重置

2024-07-20 17:07:32 前端知识 前端哥 891 53 我要收藏

::-webkit-scrollbar 仅在基于 Blink 或 WebKit 的浏览器(例如,Chrome、Edge、Opera、Safari、iOS 上所有的浏览器,以及其它基于 WebKit 的浏览器)上可用(修正版)

伪类注解
::-webkit-scrollbar滚动条整体部分
::-webkit-scrollbar-button滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。
::-webkit-scrollbar-track外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。
::-webkit-scrollbar-track-piece内层轨道,滚动条中间部分(除去)。
::-webkit-scrollbar-thumb滚动条里面可以拖动的那部分
::-webkit-scrollbar-corner边角
::-webkit-resizer定义右下角拖动块的样式
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track{
  border-radius: 10px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-corner{
  background-color: transparent;
}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/14069.html
标签
评论
发布的文章

HTML5 移动开发秘籍(一)

2024-08-05 23:08:12

【HTML5系列教程】

2024-08-05 23:08:12

HTML5面试题

2024-08-05 23:08:06

JQuery基础---01

2024-08-05 23:08:34

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!