Блог

В этой красивой панели навигации Bootstrap с подменю я хотел бы избавиться от светло-серого фона (#f8f9fa), который сохраняется в выпадающем списке при наведении курсора мыши на подменю. Вероятно, это загрузочный css по умолчанию, но я не могу найти, как его отключить.

Вот codepen: https://codepen.io/surjithctly/pen/PJqKzQ

 .dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
  

Вы можете изменить этот цвет на любой, который вам нравится, переопределив CSS таким образом:

 .dropdown-item:focus, .dropdown-item:hover {
    background-color: #fff;
}
  

В приведенном выше примере я установил для него значение white.