龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

IE下的滚动条样式自定义

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
IE下的滚动条样式自定义 ,可以自行改变滚动条的风格哦,有需要的朋友可参考一下。 IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。 这
IE下的滚动条样式自定义 ,可以自行改变滚动条的风格哦,有需要的朋友可参考一下。

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"


精彩图集

赞助商链接