我正在写一个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变成蓝色, 想要更改它。
根据我在Internet上的CSS所读内容,我想到了以下代码:
.dropdown-toggle li a {
color: rgba(76, 18, 17, 0.8) !important;
background-color: #ffffff !important;
background-image: none !important;
}
但这不能解决我的问题。
感谢您的帮助。 如果有人也可以向我指出涵盖这些内容的参考资料,那将是很好的。