代码之家  ›  专栏  ›  技术社区  ›  Pryore

使用CSS更改闪亮的Titlepanel的颜色

  •  1
  • Pryore  · 技术社区  · 7 年前

    您好!

    这无疑是一个简单的问题,但我发现CSS样式在光泽方面有点乏味。

    我正在尝试使用以下代码将我闪亮的应用程序标题的颜色更改为红色(见下文)。但是,我很难确定应该使用哪个标签和ID进行更改。

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

    为了从中学习,我想了解(1)我如何使我的代码工作,(2)对于模板功能,如标题面板和选项卡面板,我应该生成一个要引用的ID(即“标题ID”)还是应该坚持现有的引用(即“标题面板”)?

    非常感谢。

    2 回复  |  直到 7 年前
        1
  •  2
  •   Stéphane Laurent    7 年前

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

    <h1 id="big-heading">Shiny App Test</h1>
    <style>#big-heading{color: red;}</style>
    
        2
  •  0
  •   Pryore    7 年前

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