Полоса прокрутки боковой панели Bootstrap выглядит так, как будто она исчезла после изменения фона боковой панели на белый

Question

Я взял код от https://bootstrapious.com/tutorial/sidebar/index2.html, который показывает боковую панель Bootstrap.Его фон темный с белыми буквами.Есть приятная полоса прокрутки для боковой панели.Меня заставляют на работе менять цвет, чтобы фон был белым, а буквы - темными.Я сделал это без каких-либо проблем, за исключением того, что теперь я не вижу полосу прокрутки, если не наведу курсор мыши на один из пунктов меню, тогда я смогу увидеть его часть.

Я изменил свою # боковую панель css от этого:

background: #4CB7EF;
color: #fff;

до этого:

background: #fff;
color: #0088CE;

Я не изменил ни одного из mCustomScrollbar css.

Но теперь я не вижу dragger_barв полосе прокрутки, когда фон белый, как показано на прикрепленном рисунке.Я знаю, что это действительно там (на белом фоне), потому что мой курсор меняется с стрелки на руку с указательным пальцем.

Любые идеи, пожалуйста?

ОБНОВЛЕНИЕ 1 Я попытался изменить CSS mCustomScrollbar, где он использует rgb 255, 255, 255 (белый), на 0, 0, 0 (черный), но это не сработало,Если вы не можете предоставить решение, можете ли вы привести пример, который использует боковую панель Bootstrap с белым фоном, чтобы отсылать меня?

ОБНОВЛЕНИЕ 2 Вот код from bootstrapious , но я не могу заставить jsFiddle работать с Bootstrap, но я хотел предоставить код.

Answer 1

Ondrej здесь - я автор учебника - https://bootstrapious.com/p/bootstrap-sidebar.

Не должно быть необходимости изменять CSS mCustomScrollbar, просто используйте другую тему при инициализации в JS.

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

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

Приветствия,

Ондрей

Answer 2

Это происходит потому, что цвет пользовательской полосы прокрутки белый, а когда цвет фона боковой панели изменяется на белый, он выглядит как исчезнувший.