滚动条着色中的CSS问题答案

【问题标题】：CSS Problem in scrollbar coloring滚动条着色中的CSS问题
【发布时间】：2010-06-04 09:19:14
【问题描述】：

.body_c { 滚动条面颜色：#408bc4; 滚动条阴影颜色：#afefff；滚动条高亮颜色：#afefff；滚动条-3dlight-color:#000000; 滚动条-darkshadow-color:#006399; 滚动条轨道颜色：#bfd3e6; 滚动条箭头颜色：#FFFFFF；边距顶部：0；左边距：0；边距右：0； }

我正在使用此类为滚动条着色，但它仅在 IE 中执行。在所有浏览器中都有颜色滚动条的解决方案吗？

【问题讨论】：

没有 IE 只是因为它不是 w3c 标准

标签： html css class colors scrollbar

【解决方案1】：

您可以在 Webkit 浏览器中使用 different rules 执行类似的操作。这些都不是 CSS 的正式组成部分，其他浏览器也不支持类似的东西，AFAIK。

首先，请考虑不要与标准 GUI 元素混在一起。滚动条、按钮等在所有网站和应用程序中应该看起来相同。这是一个基本的可用性规则。

【讨论】：

【解决方案2】：

如果您必须更改滚动条的外观，请注意只有 IE 和 Webkit 浏览器支持 CSSscrollbar 更改，但这里有一个 JS 插件可以更改所有浏览器中的滚动条

jScrollPane.

但通常这不是一个好主意，因为它可能会使您的用户感到困惑，并且这样的元素在所有浏览器中应该是相同的。

希望对您有所帮助。

【讨论】：