（转）页面滚动条（scrollbar）颜色设置详解

一 些网站为了整体效果，会调整页面滚动条的颜色，但是，这个解决方案只有 KDE 上的 Konqueror 浏览器和 Windows 上的 Internet Explorer 5.5+ 才支持，发在这里只是供有需要的人采用，因此，使用前要根据自己的用户群来进行选择。


CSS:

 
<style type="text/css"> 
body, html { 
     scrollbar-face-color: #353535; 
     scrollbar-shadow-color: #565656; 
     scrollbar-highlight-color: #565656; 
     scrollbar-3dlight-color: #7F7F7F; 
     scrollbar-darkshadow-color: #565656; 
     scrollbar-track-color: #565656; 
     scrollbar-arrow-color: #DADADA; 
} 
</style> 
 

由于在 xhtml 中 定义在 body 上是没有效果的，所以为了通用，可以在 body 和 html 标签都定义一下。


这些属对应图例如下：


滚动条的显示与隐藏：
Quote:

语法：

overflow : visible | auto | hidden | scroll

参数：

visible : 　不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 　此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 　不显示超过对象尺寸的内容
scroll : 　总是显示滚动条

单独控制横向滚动条或者纵向滚动条可以用 ：overflow-x   和   overflow-y ，语法和 overflow 相同。