【问题标题】:Change background colour of navbarPage menubar in R shiny在R闪亮中更改navbarPage菜单栏的背景颜色
【发布时间】:2018-10-22 15:48:35
【问题描述】:

在 R Shiny 中,我想更改导航栏菜单的背景颜色。我想将菜单栏上各处的颜色(包括将鼠标悬停在按钮上时或按钮处于非活动状态时的颜色等)更改为一种颜色(黑色),但字体除外。但是,我不希望更改任何其他默认颜色,例如页面主要部分的背景颜色。我试图通过创建一个 CSS 文件来做到这一点,如下所示:

body, 
#selector, 
.container, 
.navbar-background { background: #000000; }

我还尝试了许多其他组合和参数,但似乎没有任何效果。 CSS文件中控制导航栏菜单栏背景颜色的参数是什么?

请注意,How to change navBarPage header background in Zebble? 中的答案对我不起作用。

【问题讨论】:

  • 您的 css 中有语法错误删除多余的圆括号 ) 并检查它
  • 嗨。谢谢。修复了语法错误,但这改变了页面的主体,而不是 navbarPage 菜单栏。可能有不同的参数吗?
  • 如果正文和导航栏颜色不同,则区分两者的 css,例如:body {background: #fff;}.navbar-background { background: #000000; }

标签: css r colors shiny navbar


【解决方案1】:

试试

.navbar-default {
    background-color: #b1b1b3 !important;
}

.navbar-default:hover {
    background-color: #aaaaaa !important;
    color: yellow;
}

【讨论】:

  • 谢谢,这已经奏效了。这样我以后就可以自己回答这类问题,有人知道列出此类参数的类似参考的手册吗?也就是说,你怎么知道 '.navbar-default' 是我想要的那个?
  • 我通过 F12 检查了 sample r shiny 模板的 DOM :)
  • 感谢您的提示,但我该怎么做呢? (什么是 DOM?)另外,您知道如何更改 navbarPage 菜单栏中的悬停字体颜色吗?
  • 也感谢您的帮助,但这会改变整个导航栏的背景颜色(字体颜色不会改变)。
  • 您需要复习 CSS 和 HTML 基础知识。现在我更新的答案也是改变颜色。
猜你喜欢
  • 2021-08-29
  • 2018-10-22
  • 2020-03-03
  • 1970-01-01
  • 1970-01-01
  • 2015-06-17
  • 2018-07-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多