css - 使用CSS更改Shiny titlePanel的颜色

嗨

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

我正在尝试使用以下代码将Shiny应用程序标题的颜色更改为红色(请参见下文)。但是，我在确定应该使用哪个标记和ID时遇到麻烦。

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

为了从中学习，我想了解(1)如何使我的代码正常工作，以及(2)如果要生成要引用的ID(例如，“＃titleID”)或titlePanel和tabPanels等模板功能，或者我应该坚持使用现有引用(即“.titlePanel”)吗？

非常感谢。

最佳答案

您可能会丢失 call 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</h1>
<style>#big-heading{color: red;}</style>

关于css - 使用CSS更改Shiny titlePanel的颜色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51261344/