css 控制滚动条的颜色
来源:互联网 发布:波粒二象性知乎 编辑:程序博客网 时间:2024/04/30 11:38
可以通过以下属性设定滚动条的颜色:
样式标签属性 描述 scrollbar-3dlight-color 设置或获取滚动条上滚动按钮和滚动滑块的左上颜色。 scrollbar-arrow-color 设 置或获取滚动箭头标识的颜色 scrollbar-base-color 设置或获取滚动条的主要颜色,其中包含滚动按钮和滚动滑块 scrollbar-darkshadow-color 设置或获取滚动条上滑槽的颜色 scrollbar-face-color 设置或获取滚动条和滚动条的滚动箭头的颜色 scrollbar-highlight-color 设置或获取滚动框和滚动条滚动箭头的左上边缘颜色 scrollbar-shadow-color 设 置或获取滚动框和滚动条滚动箭头的右下边缘颜色 scrollbar-track-color 设置或获取滚动条轨迹元素的颜色
以div为例演示以下以上属性的效果
未设定任何样式的滚动条:
<div style ="width:50%; height:100px;overflow: scroll;">
样式: scrollbar-3dlight-color
说明: 设定滚动条的滚动按钮和滚动滑块的左上颜色为蓝色
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-3dlight-color: blue; ">
样式: scrollbar-arrow-color
说明: 设定滚动箭头标识的颜色为蓝色
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-arrow-color: blue; ">
样式: scrollbar-base-color
说明: 设定滚动的主要颜色为蓝色, 包含滚动条按钮和滚动条滑块
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-base-color:blue; ">
样式: scrollbar-darkshadow-color
说明: 设定滚动条的滚动按钮和滚动滑块右下边缘的颜色为蓝色 (感觉和 scrollbar-shadow-color差不多的样子,不过有细小的差别 )
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-darkshadow-color:blue; ">
样式: scrollbar-face-color
说明: 设定 滚动条和滚动条箭头的颜色为蓝色
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-face-color:blue; ">
样式: scrollbar-highlight-color
说明: 设定滚动框和滚动条滚动箭头的左上边缘颜色为蓝色
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-highlight-color:blue; ">
样式: scrollbar-shadow-color
说明: 设定滚动框和滚动条滚动箭头的右下边缘颜色为蓝色
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-shadow-color:blue; ">
样式: scrollbar-track-color
说明: 设定滚动条轨迹的底色为蓝色
html: <div style ="width:50%; height:100px;overflow: scroll;scrollbar-track-color: blue; ">
多个样式的组合可以实现不同效果, 如{scrollbar-face-color:淡蓝色== 实现改变滚动条按钮和滚动条滑块的颜色为淡蓝色 } + {scrollbar-track-color:灰色==滚动条的底色为灰色 }
html: <div style ="width:50%; height:100px;overflow: scroll; scrollbar-face-color:#507CD1; scrollbar-track-color:#F4F1EC; ">
^ ^ 以为写东西很简单, 自己整理才发现很麻烦, 或者是 我 还不熟悉, 很佩服在网上分享心得的朋友, 我要想你们学习.....
- CSS对滚动条的颜色控制
- css 控制滚动条的颜色
- css控制滚动条
- css控制滚动条的样式
- iframe css 滚动条 颜色
- CSS设置滚动条颜色
- CSS 控制出现滚动条
- CSS用改变IE浏览器的滚动条颜色
- CSS的滚动条
- css使用overflow属性控制滚动条的样式
- 用CSS定义IE滚动条颜色
- 如何用CSS设置滚动条颜色?
- CSS自定义滚动条样式与颜色
- 纯css修改滚动条样式颜色
- div显示滚动条和控制滚动条属性的css代码
- div显示滚动条和控制滚动条属性的css代码
- css 控制浮动层 不随滚动条的滚动而滚动
- 改变滚动条的颜色
- 全世界抛弃了我
- ソフトウェアのテスト技術の現状と今後
- check约束(备忘录)
- 利用putty从windows登录ubuntu9.10server
- MySQL数据库备份和还原的常用命令
- css 控制滚动条的颜色
- Hibernate为什么要重写equals和hashCode方法
- sqlserver 上机练习题
- wpf --自定义控件的transeform
- Java面试的经常问的40题
- 【连载】优秀程序员的 45 个习惯之习惯27
- 生命的含义
- Anychart 5.1.2 Flash图表控件免费下载
- 用路由器扩展局域网ip的方法