更改引导滚动条的颜色 - scrollspy？答案

【问题标题】：Change color of bootstrap scrollbar - scrollspy?更改引导滚动条的颜色 - scrollspy？
【发布时间】：2018-09-22 01:06:29
【问题描述】：

我有一个使用 Bootstrap scrollspy 的滚动条，但不知道如何更改滚动条的颜色（拇指？）。

HTML：

<body>
    <div class="container, scrollbar" id="myScrollspy">
        <div class="panel-group" id="accordion">

    ...

CSS：

.scrollbar::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #D62929;
}

这不会改变滚动条的颜色。引导程序样式滚动条的方式有什么不同吗？

【问题讨论】：

能否提供示例代码？
我还是不清楚你的问题你想喜欢这个codepen.io/devstreak/pen/dMYgeO
我已经编辑了我的代码。

标签： javascript html css bootstrap-4

【解决方案1】：

如果您需要更改滚动条拇指的颜色，这将很有帮助。使用示例代码或屏幕截图更具体。

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

【讨论】：

我在上面编辑了我的代码。我正在使用引导程序来创建滚动条。您建议的修改无效。
您需要更改整个页面滚动拇指的颜色或特定于该 div 的颜色吗？ @sbaden
我正在尝试更改整个页面滚动拇指的颜色。我找不到任何使用 bootstrap scrollspy 进行更改的文档。
您正在为这个 .scrollbar 类赋予样式。给身体