译文:网页样式表 - CSS的提示与窍门
英文: http://www.w3.org/Style/Examples/007/scrollbars
说明:

翻译: Chinese Translation Services

 

网页样式表
CSS的提示与窍门

无色的滚动条

最近有些浏览器 (IE ,Konqueror)开始支持立体的滚动条阴影的颜色('scrollbar-shadow-color')、滚动条的背影颜色('scrollbar-track-color') 与其他的非标准属性。这些属性是非法的:在叠成样式单规范中既没有定义,也没有专用程序的标志 (加"-vendor-"的前缀)。幸运的是想将它设为关闭极为简单。

为了保证你的浏览器的滚动条会保持他们正常的颜色,你可以使用'!important' 的声明以及用户的样式单。通常通过浏览器菜单里的选项/设置菜单就可以配置用户的样式单。在 IE浏览器中,该设置选项在于“可用性”的标签里,而在 Konqueror浏览器中在于 “样式单”的标签里。

  1. 如果你没有一个用户的样式单,首先要新建一个CSS文件。将文件存到任何地方都可。
  2. 然后把下面的几段代码加到该样式单里:
    body, html {
      scrollbar-face-color: ThreeDFace !important;
      scrollbar-shadow-color: ThreeDDarkShadow !important;
      scrollbar-highlight-color: ThreeDHighlight !important;
      scrollbar-3dlight-color: ThreeDLightShadow !important;
      scrollbar-darkshadow-color: ThreeDDarkShadow !important;
      scrollbar-track-color: Scrollbar !important;
      scrollbar-arrow-color: ButtonText !important;
    }
  3. 把该文件的路径加到你使用的浏览器的有关对话框里。

这么做就应该解决问题。有可能你得先把浏览器关闭然后重新打开才能见效。如果想确认这样设置能否成功,不妨试试我设计的 一个简短测试.

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
created 12 Oct 2001;
last updated $Date: 2009/09/08 13:41:53 $ GMT