使用 CSS 更改闪亮 titlePanel 的颜色

Question

你好

这无疑是一个简单的问题，但我发现在 Shiny 中 CSS 样式有点乏味。

我正在尝试使用以下代码将我的 Shiny 应用程序标题的颜色更改为红色（见下文）。但是，我无法确定应该使用哪个标签和 ID 来进行更改。

 titlePanel(h1("Shiny App Test")),
    tags$h1(tags$style(".titlePanel{ 
                         color: red;
                         font-size: 20px;
                         font-style: italic;
                         }"))

为了从中学习，我想了解 (1) 如何使我的代码工作以及 (2) 对于 titlePanel 和 tabPanels 等模板功能，我应该生成一个 ID 以供参考（即“#titleID”）或我应该坚持现有的引用（即“.titlePanel”）吗？

非常感谢。

Answer 1

您可能会丢失调用 titlePanel，将 ID 添加到您的 h1 并通过 ID 通过您的 css 访问该元素，如下所示：

h1(id="big-heading", "Shiny App Test"),
tags$style(HTML("#big-heading{color: red;}"))

这将创建此 HTML：

h1(id="big-heading", "Shiny App Test"),
tags$style(HTML("#big-heading{color: red;}"))