Question

可能重复：
How to change the color of scrollbars

我需要更改滚动条元素的默认颜色。如果你有一个带溢出的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>

非常感谢任何向正确方向的推动！

Answer 1

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

CSS

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;
}

HTML

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

Answer 2

对于跨浏览器解决方案，您需要使用JavaScript创建自己的滚动条。这为您提供了滚动条及其每个组件样式的自由，这是一个好处。这是我创建的一个小型示例示例，以防您想要查看：little link。

我希望有所帮助！

更改滚动条元素的颜色

2 个答案: