Question

如何更改页面本身的滚动条（不是特定控件的滚动条）。例如，如果您在IE中放大页面，它最终会添加滚动条。那些是我希望改变颜色的滚动条。

此代码：

<style type="text/css">
        .scrollBars {
            scrollbar-face-color:#003366;
            scrollbar-highlight-color:gray;        
            scrollbar-shadow-color:gray;
            scrollbar-arrow-color:white;
            scrollbar-track-color:black;
        }
    </style>

如果添加到列表框中，

工作正常，例如：

<asp:ListBox runat="server" ID="lbTeams" SelectionMode="Single" Rows="5" BackColor="Black" ForeColor="White" Width="320" Font-Size="Larger" CssClass="scrollBars">

但不是整个页面上的例子。

IE10甚至可以吗？

Answer 1

当然，你可以使用CSS：

body{
    scrollbar-base-color: #1C1C2B;
    scrollbar-face-color: #4C4C5E;
    scrollbar-3dlight-color: #1C1C2B;
    scrollbar-highlight-color: #1C1C2B;
    scrollbar-track-color: #1C1C2B;
    scrollbar-arrow-color: #4C4C5E;
    scrollbar-shadow-color: #1C1C2B;
    scrollbar-dark-shadow-color: #000;
}

根据需要更换颜色。供参考see here。这就是说我通常会避开滚动条样式，因为它在浏览器中的实现方式不同，而在Firefox中根本不是这样。

更改页面的滚动条颜色IE

1 个答案: