网页滚动条样式
2012-06-09 14:07
246 查看
<style type="text/css">
html
{
border-left: #ECF1F4 0px solid;
border-right: #ECF1F4 0px solid;
margin: 0;
overflow-x: hidden; //x轴滚动条隐藏
SCROLLBAR-FACE-COLOR: #e8e7e7; //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; //滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: #ffffff; //立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: #cccccc; //滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: #A5A0A0; //上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: #EFEFEF; //滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; //滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR: #EFEFEF; //滚动条的基本颜色
}
</style>
html
{
border-left: #ECF1F4 0px solid;
border-right: #ECF1F4 0px solid;
margin: 0;
overflow-x: hidden; //x轴滚动条隐藏
SCROLLBAR-FACE-COLOR: #e8e7e7; //滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; //滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR: #ffffff; //立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR: #cccccc; //滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR: #A5A0A0; //上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR: #EFEFEF; //滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: #b2b2b2; //滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR: #EFEFEF; //滚动条的基本颜色
}
</style>
相关文章推荐
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- 网页滚动条样式
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- 移动端网页修改滚动条样式使滚动条默认显示
- 网页滚动条样式
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- 网页滚动条样式知识
- DIV+CSS教程:CSS之网页滚动条样式overflow的学习
- 网页滚动条样式 overflow 转
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- css 设置网页边框滚动条样式
- css样式详细介绍,网页滚动条样式设置
- Html5 前端 网页滚动条样式的设置
- 网页滚动条样式设置
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法(转)
- 自定义网页滚动条样式插件malihu-custom-scrollbar-plugin的介绍和使用方法
- 如何去掉网页的横向滚动条,竖向滚动条
- 用JavaScript修改网页样式
- js- 常见网页选项卡下的滚动条(控制选项卡内的内容高度)