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）我应该生成要引用的ID（例如'#titleID）以供titlePanel和tabPanels之类的模板功能使用'）还是应该坚持使用现有引用（即'.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</h1>
<style>#big-heading{color: red;}</style>

Answer 2

我为titlePanel生成了一个ID，它可以正常工作：

    tags$head(tags$style(
     HTML('#title {
           color: black;
           font-size: 40px;
           font-style: bold;
          }'))),

使用CSS更改Shiny titlePanel的颜色

2 个答案: