各个浏览器自定义滚动条
IE浏览器css设置滚动条(看下表):
滚动条样式 | 支持情况 | 支持浏览器版本 | 可否继承 | 描述 |
---|---|---|---|---|
scrollbar-3dlight-color | IE特有属性 | IE5.5+ | y | 设置滚动框的和滚动条箭头左上边缘的颜色 |
scrollbar-highlight-color | IE特有属性 | IE5.5+ | y | 设置滚动框的和滚动条箭头左上边缘的颜色 |
scrollbar-face-color | IE特有属性 | IE5.5+ | y | 设置滚动框和滚动条箭头的颜色 |
scrollbar-arrow-color | IE特有属性 | IE5.5+ | y | 设置滚动条箭头的颜色 |
scrollbar-shadow-color | IE特有属性 | IE5.5+ | y | 设置滚动框的和滚动条箭头右下边缘的颜色 |
scrollbar-dark-shadow-color | IE特有属性 | IE5.5+ | y | 设置滚动条槽的颜色 |
scrollbar-base-color | IE特有属性 | IE5.5+ | y | 设置滚动条主要构成部分的颜色 |
scrollbar-track-color | IE特有属性 | IE5.5+ | y | 设置滚动条轨迹组成部分的颜色 |
滚动条样式 | 描述 |
---|---|
::-webkit-scrollbar | 滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等。 |
::-webkit-scrollbar-button | 滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。 |
::-webkit-scrollbar-track | 外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。 |
::-webkit-scrollbar-track-piece | 内层轨道,滚动条中间部分(除去)。 |
::-webkit-scrollbar-thumb | 滚动条里面可以拖动的那部分 |
::-webkit-scrollbar-corner | 边角 |
::-webkit-resizer | 定义右下角拖动块的样式 |
推荐阅读
- SpringBoot调用公共模块的自定义注解失效的解决
- python自定义封装带颜色的logging模块
- 列出所有自定义的function和view
- 操作系统|[译]从内部了解现代浏览器(1)
- 分享!如何分分钟实现微信扫二维码调用外部浏览器打开指定页面的功能
- 每日PDCA
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- 自定义MyAdapter
- Android自定义view实现圆环进度条效果
- Flutter自定义view|Flutter自定义view —— 闯关进度条