Html 更改滚动条元素的颜色

可能重复：

我需要更改滚动条元素的默认颜色。我指的是当你有一个带溢出的div时显示的滚动条：auto；比如说

到目前为止，我已经尝试过这些CSS规则，但我不知道它们是否代表了一种相当古老的做事方式：

<style type="text/css">
 body {scrollbar-3dlight-color:;
            scrollbar-arrow-color:;
            scrollbar-track-color: ;
            scrollbar-darkshadow-color:;
            scrollbar-face-color:;
            scrollbar-highlight-color:;
            scrollbar-shadow-color:}
</style>

正文{scrollbar-3dlight-color:；
滚动条箭头颜色：；
滚动条轨迹颜色：；
滚动条黑色阴影颜色：；
滚动条面颜色：；
滚动条高亮显示颜色：；
滚动条阴影颜色：}

---

任何朝着正确方向的努力都将不胜感激

据我所知，这不是W3C有效的CSS，它只适用于某些浏览器，即IE？这是一个例子。注意CSS属性是针对div的，而不是针对主体的

CSS

HTML

内容
内容
内容
​

据我所知，这不是W3C有效的CSS，它只适用于某些浏览器，即IE？这是一个例子。注意CSS属性是针对div的，而不是针对主体的

CSS

HTML

内容
内容
内容
​

不幸的是，对于跨浏览器解决方案，您需要使用JavaScript创建自己的滚动条。这使您可以自由地设置滚动条及其每个组件的样式，这是一种优势。下面是我创建的一个小演示示例，以防您需要查看：

---

我希望这有帮助

不幸的是，对于跨浏览器解决方案，您需要使用JavaScript创建自己的滚动条。这使您可以自由地设置滚动条及其每个组件的样式，这是一种优势。下面是我创建的一个小演示示例，以防您需要查看：

---

我希望这有帮助

看到这个问题，你需要它在所有浏览器中工作吗？我认为设置滚动条颜色只在IE中受支持，除非你以某种方式滚动自己的滚动条（比如Facebook的某些部分）。这可能会对你有所帮助，看看这个问题，你需要它在所有浏览器中工作吗？我认为设置滚动条颜色只在IE中受支持，除非你以某种方式滚动自己的滚动条（比如Facebook的某些部分）。这可能会对你有所帮助，只在IE中工作（测试FF15、Chrome21、IE8）。使它更大一些，因为FF和Chrome在我编辑之前没有显示任何滚动条：IE8只显示纯红色scrollbars@GeenHenk毫不奇怪，改变滚动条的颜色是个糟糕的主意，只有微软才会支持。只适用于IE（经过测试的FF15、Chrome21、IE8）。使它更大一些，因为FF和Chrome在我编辑之前没有显示任何滚动条：IE8只显示纯红色scrollbars@GeenHenk毫不奇怪，改变滚动条的颜色是个糟糕的主意，只有微软才会支持。

div.scroll {
    scrollbar-base-color: red;
    scrollbar-face-color: red;
    scrollbar-track-color: red;
    scrollbar-3dlight-color: red;
    scrollbar-highlight-color: red;
    scrollbar-arrow-color: red;
    scrollbar-darkshadow-color: red;
    scrollbar-shadow-color: red;
}​

<div class="scroll">
content content content
content content content
content content content
</div>​