在闪亮的仪表板中更改侧边栏的字体颜色

Question

我几乎没有html / css经验，因此我向您寻求以下帮助。

我正在使用带有默认侧边栏的闪亮仪表板。我尝试使用仪表板内部的以下代码行更改侧边栏的背景颜色和字体颜色：

tags$head(tags$style(HTML('.skin-black .main-sidebar {color: #000000; background-color: #FFB6C1;}')))

新的侧边栏的背景颜色为＃FFB6C1，我打算这样做。但是侧边栏中的字体颜色没有变成黑色，而且仍然是白色的！有什么建议吗？

非常感谢 圣

Answer 1

我遇到了一个帮助我解决问题的例子。 http://journocode.com/2016/04/04/r-first-web-application-shiny/

因此，问题通过使用解决：

label = HTML('<p style="color:black;">Maximum number of suggestions</p>')

为了描述黑色标签的颜色而不是仅使用时获得的白色：

label = "Maximum number of suggestions"

当然两者都是selectInput对象的参数。

感谢KH的帮助，当然感谢MARIE-LOUISE TIMCKE的精彩帖子。

侨

Answer 2

您的CSS选择器可能不是目标文本元素，而是侧边栏div。假设您的文本元素位于.main-sidebar类下，这应该/可能有效。只需将ELEMENT替换为文本所包含的任何HTML标记，例如

.skin-black .main-sidebar ELEMENT {
color: #000000;

.skin-black .main-sidebar {
background-color: #FFB6C1;
}

空白并不重要。

Answer 3

类似于@Kasper的答案，但直接嵌入闪亮的代码中：

{{1}}

请注意

1. 尽管它更改了侧边栏的样式，但是代码在dashboardBody（）中。

2. 取决于您当前的仪表板外观颜色，您需要将“ .skin-blue”（默认为蓝色）更改为例如根据需要“ .skin-black”

3. 对于更改字体颜色，必须在“ .main-sidebar”之后加上“ .sidebar”。 “ .sidebar”基本上是@Kasper提到的ELEMENT。 （要查找此类元素，请在chrome浏览器中使用Developer工具，并检查所有内容，直到可以找到确切的html代码块为止，并为此在“ class =“之后使用ELEMENTs。）