Bootstrap 侧边栏的滚动条在将侧边栏的背景更改为白色后看起来消失了

Question

我从 https://bootstrapious.com/tutorial/sidebar/index2.html 中获取了显示 Bootstrap 边栏的代码。它的背景是深色的，带有白色字体。侧边栏有一个漂亮的滚动条。我被迫在工作中调换我的颜色，这样背景是白色的，字母是深色的。我没有任何问题地做到了，除了现在我看不到滚动条，除非我将鼠标悬停在其中一个菜单项上，然后我才能看到它的一部分。

我将 #sidebar css 更改为：

background: #4CB7EF;
color: #fff;

对此：

background: #fff;
color: #0088CE;

我没有更改任何 mCustomScrollbar css。

但是现在我在背景为白色的情况下看不到滚动条中的dragger_bar，如附图所示。我知道它真的在那里（在白色背景上），因为我的光标从箭头变成了带有手指的手。

有什么想法吗？

更新 1 我尝试将使用 255、255、255（白色）rgb 的 mCustomScrollbar 的 css 更改为 0、0、0（黑色），但它不起作用。如果无法提供解决方案，能否提供一个使用白底Bootstrap侧边栏的例子，让我参考一下？

更新 2 这是 code from bootstrapious，但我无法让 jsFiddle 与 Bootstrap 一起工作，但我想提供代码。

Answer 1

这是因为自定义滚动条的颜色是白色，当我们将侧边栏的背景颜色更改为白色时，它看起来像是消失了。

Answer 2

这里是 Ondrej - 我是教程的作者 - https://bootstrapious.com/p/bootstrap-sidebar。

mCustomScrollbar 的 CSS 应该不需要更改，只需在 JS 中初始化时使用不同的主题即可。

http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/scrollbar_themes_demo.html

   $("#sidebar").mCustomScrollbar({
     theme: "minimal-dark"
   });

干杯，

翁德瑞