Есть ли способ изменить цвет выпадающего меню с помощью CSS в flexdashboard? - PullRequest
Новая
       15

Есть ли способ изменить цвет выпадающего меню с помощью CSS в flexdashboard?

1 голос
/ 05 ноября 2019

Я пишу flexdashboard, и я хотел бы изменить его цвет.

Мне удалось получить то, что я хочу, с помощью этого CSS: 

<style>
body {
  padding-top: 50px;
}
.section.sidebar {
  top: 51px;
  background-color: rgba(76, 18, 17, 0.95);
  color: #ffffff
}
.value-box {
  color: #ffffff;
}
.navbar {
  background-color: rgba(76, 18, 17, 1);
  border-color: #ffffff
}
.navbar-brand {
  color: #ffffff;
}
.navbar-nav li a:hover, .navbar-nav > .active > a {
  color: rgba(76, 18, 17, 0.8) !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
.dropdown-toggle li a {
  color: rgba(76, 18, 17, 0.8) !important;
  background-color: #ffffff !important;
  background-image: none !important;
}
</style>

Я должен сказать, чтоЯ не знаю css. Приведенный выше код может быть избыточным или некоторые его строки могут быть просто бессмысленными. Я сделал это, просматривая ответы на переполнение стека. Это дает следующий результат:

Selected navbar-menu is blue. How do I change this color?

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

Из того, что я читал в Интернете по css, я придумал следующий код: 

.dropdown-toggle li a {
  color: rgba(76, 18, 17, 0.8) !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

но это не решает мою проблему.

Любая помощь приветствуется. Если бы кто-то мог также указать мне какую-то ссылку, которая покрывает эти вещи, было бы здорово.

...