用css实现IE滚动条颜色的修改

蓝精灵 · 发表于 2010-12-25 16:24:04

参数说明：1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。参数: visible：扩大面积以显示所有内容 auto：仅当内容超出限定值时添加滚动条 hidden：总是隐藏滚动条 scroll：总是显示滚动条 2、height : 设置滚动条的高度（修改其后数值即可）。 3、滚动条颜色参数设置： scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色 scrollbar-face-color 设置或检索滚动条3D表面（ThreedFace）的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边（ThreedShadow）颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色 scrollbar-base-color 设置或检索滚动条基准颜色实现代码：

<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color:#CC0000;//轴面颜色
scrollbar-arrow-color:#FFFFFF;//箭头颜色
scrollbar-track-color:#EDEDED;//轴轨道颜色
scrollbar-highlight-color:#FFFFFF;//左立体边颜色
scrollbar-3dlight-color:#D1D7DC;//轴面左边角颜色
scrollbar-shadow-color:#DEE3E7; //右立体边颜色
scrollbar-darkshadow-color:#BABABA;//轴面右边角颜色
}
-->
</style>

复制代码

如果只改部分的滚动条颜色
在div里加class
如<div class="scrollcolor">
在.css文件里加上

.scrollcolor{
scrollbar-face-color: #c8ebf8; //轴面颜色
scrollbar-shadow-color: #D2E5F4; //右立体边颜色
scrollbar-highlight-color: #D2E5F4; //左立体边颜色
scrollbar-3dlight-color: #FFFFFF; //轴面左边角颜色
scrollbar-darkshadow-color: #FFFFFF; //轴面右边角颜色
scrollbar-track-color: #FFFFFF; //轴轨道颜色
scrollbar-arrow-color: #D2E5F4; //箭头颜色
}

复制代码