有没有办法通过flexdashboard中的CSS更改下拉菜单的颜色?

时间:2019-11-05 20:16:27

标签: r-markdown flexdashboard

我正在写一个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?

这基本上是我想要的,除了当 我单击导航栏菜单选项。 我该如何改变?当我选择它们时,它也会使A和B变成蓝色, 想要更改它。

根据我在Internet上的CSS所读内容,我想到了以下代码:

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

但这不能解决我的问题。

感谢您的帮助。 如果有人也可以向我指出涵盖这些内容的参考资料,那将是很好的。

0 个答案:

没有答案