IE是最早提供滚动条的样式支持，嗯，好多年了，但是其它浏览器一直没有支持，IE独孤求败了。
这些样式规则很简单：
| 代码如下 |
复制代码 |
|
scrollbar-arrow-color: color; /*三角箭头的颜色*/
scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/
scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/
scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: color; /*立体滚动条背景颜色*/
scrollbar-base-color:color; /*滚动条的基色*/
|
以下代码定义滚动条的样式：
| 代码如下 |
复制代码 |
|
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #f892cc; /*滚动条凸出部分的颜色*/
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6; /*滚动条空白部分的颜色*/
SCROLLBAR-SHADOW-COLOR: #fd76c2; /*立体滚动条阴影的颜色*/
SCROLLBAR-3DLIGHT-COLOR: #fd76c2; /*滚动条亮边的颜色*/
SCROLLBAR-ARROW-COLOR: #fd76c2; /*上下按钮上三角箭头的颜色*/
SCROLLBAR-TRACK-COLOR: #fd76c2; /*滚动条的背景颜色*/
SCROLLBAR-DARKSHADOW-COLOR: #f629b9; /*滚动条强阴影的颜色*/
SCROLLBAR-BASE-COLOR: #e9cfe0; /*滚动条的基本颜色*/
}
</STYLE>
|
网页中去掉滚动条：
去掉横向滚动条
| 代码如下 |
复制代码 |
| ：<body style=’overflow:scroll;overflow-x:hidden’> |
去掉竖向滚动条
| 代码如下 |
复制代码 |
| ：<body style=’overflow:scroll;overflow-y:hidden’> |
两个都去掉
| 代码如下 |
复制代码 |
| ：<body scroll=”no”> |
框加中去滚动条在name=””后面加 scrolling=”No”
