网页滚动条样式
2009-03-16 16:43
260 查看
网页滚动条样式
应用:
没有水平滚动条
<body style="overflow-y:scroll;overflow-x:hidden;">
没有垂直滚动条
style="overflow-y:hidden"
没有滚动条
style="overflow-x:hidden;overflow-y:hidden" 或 style="overflow:hidden"
2.自己定义滚动条的颜色
scrollbar-3d-light-color 立体滚动条亮边的颜色
scrollbar-arrow-color 上下按钮上三角箭头的颜色
scrollbar-base-color 滚动条的基本颜色
scrollbar-dark-shadow-color 立体滚动条强阴影的颜色
scrollbar-face-color 立体滚动条凸出部分的颜色
scrollbar-highlight-color 滚动条空白部分的颜色
scrollbar-shadow-color 立体滚动条阴影的颜色
应用实例:
定义窗口滚动条的颜色(IE5.5+):
代码:
BODY {
scrollbar-face-color: #C5D5FC; 全局颜色
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C5D5FC;
scrollbar-darkshadow-color: #7C9FD3;
scrollbar-track-color: #FFFFFF; 滚动条下面颜色
scrollbar-arrow-color: #4D6185; 三角型颜色
}
设置多行文本框的颜色:
代码:
<textarea style="scrollbar-face-color: #C5D5FC;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C5D5FC;
scrollbar-darkshadow-color: #7C9FD3;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #4D6185;">
…………
</textarea>
以上2项适用与<body>、<div>、<textarea>、<iframe>等
应用:
没有水平滚动条
<body style="overflow-y:scroll;overflow-x:hidden;">
没有垂直滚动条
style="overflow-y:hidden"
没有滚动条
style="overflow-x:hidden;overflow-y:hidden" 或 style="overflow:hidden"
2.自己定义滚动条的颜色
scrollbar-3d-light-color 立体滚动条亮边的颜色
scrollbar-arrow-color 上下按钮上三角箭头的颜色
scrollbar-base-color 滚动条的基本颜色
scrollbar-dark-shadow-color 立体滚动条强阴影的颜色
scrollbar-face-color 立体滚动条凸出部分的颜色
scrollbar-highlight-color 滚动条空白部分的颜色
scrollbar-shadow-color 立体滚动条阴影的颜色
应用实例:
定义窗口滚动条的颜色(IE5.5+):
代码:
BODY {
scrollbar-face-color: #C5D5FC; 全局颜色
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C5D5FC;
scrollbar-darkshadow-color: #7C9FD3;
scrollbar-track-color: #FFFFFF; 滚动条下面颜色
scrollbar-arrow-color: #4D6185; 三角型颜色
}
设置多行文本框的颜色:
代码:
<textarea style="scrollbar-face-color: #C5D5FC;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #C5D5FC;
scrollbar-darkshadow-color: #7C9FD3;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #4D6185;">
…………
</textarea>
以上2项适用与<body>、<div>、<textarea>、<iframe>等
相关文章推荐
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法(转)
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- Html5 前端 网页滚动条样式的设置
- 移动端网页修改滚动条样式使滚动条默认显示
- jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法
- 网页滚动条样式
- DIV+CSS教程:CSS之网页滚动条样式overflow的学习
- 网页滚动条样式
- 网页滚动条样式知识
- css样式详细介绍,网页滚动条样式设置
- 网页滚动条样式 overflow 转
- 网页滚动条样式设置
- css 设置网页边框滚动条样式
- 自定义网页滚动条样式插件malihu-custom-scrollbar-plugin的介绍和使用方法
- css关于内置滚动条的样式修改
- Qt 自定义 滚动条 样式
- 精通 CSS+DIV 网页样式与布局 124