2

可能重复：
如何更改滚动条的颜色

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

任何朝着正确方向的推动将不胜感激！

4

2 回答 2

0

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

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>​
于 2012-08-31T12:13:31.070 回答
0

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

我希望这有帮助！

于 2012-08-31T12:26:58.960 回答