时间戳

首页 > 解决方案 > 有没有办法通过 flexdashboard 中的 CSS 更改下拉菜单的颜色？

r-markdown - 有没有办法通过 flexdashboard 中的 CSS 更改下拉菜单的颜色？

问题描述

我正在写一个 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。上面的代码可能是多余的，或者它的某些行可能是毫无意义的。我通过抓取堆栈溢出的答案来做到这一点。它给出以下结果：

选定的导航栏菜单是蓝色的。 如何更改此颜色？

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

根据我在互联网上的 css 上阅读的内容，我想出了以下代码：

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

但这并不能解决我的问题。

任何帮助表示赞赏。如果有人也可以向我指出一些涵盖这些事情的参考资料，那就太好了。

标签： r-markdownflexdashboard

解决方案

推荐阅读