Как покрасить разные элементы в dropdown в разные цвета?

Question

[evomed]

Проблему описал в выпадающих списках в примере
https://jsfiddle.net/dqvg7ph1/1/

Есть badge. Он внутри dropdown-item при на ведении (на весь dropdown-item, а не на елемент) должен окрашиваться в синий бэк и белый цифры. При этом текст выше не должен пропадать за синим фоном (это на тот случай если менять классы дропдавна). Сейчас кружок баджи скрывается за синим фоном и в этом проблема. В общем словами сложно объяснить) наврядли понятно будет. Лучше пример потыкать. Спасибо.

Answer 1

[Timur Kostenko]

.dropdown-item:hover {
  background-color: blue;
  color: white;
}

.dropdown-item:hover .badge {
  background-color: white;
  color: blue;
}