Css navlistpanel/tabpanel的背景色

我真的想要和这里贴的一样的东西

我想使用navlistpanel而不是navbarpage

关于仪表板的布局，我有两个恼人的问题。我加了一张图片来说明我的意思。默认的颜色是蓝色，但我希望它是红色作为背景，白色作为字体。现在我设法做到了，但如果你仍然坚持/选择主题test1，那么它是蓝色的。如何更改或修复此问题

下一件事，最好是让test1，然后在test1的正下方有一个子菜单来进行过滤。然后我调用filters，然后我想添加两个filters组变量和filter op data

谁能帮帮我吗

现在，过滤器位于navlistpanel外部

亲切问候,

斯特菲

 navlistPanel(well = FALSE, 



      tabPanel(new="", windowTitle="Test",
               h4(id = "new","Test"),
               tags$style("#new{color: white; background-color: #d52b1e;}"),    

        fluidRow(
        # column(1), ## this put an extra space, dont like the look
        column(2,
               sidebarMenu(
                 uiOutput("groups")), 

        ),
        # fluidRow(
          # column(2,offset = 1),
          column(3,
                 sidebarMenu(
                 dateRangeInput('dateRange',
                                label = 'Filter op datum',
                                start = as.Date('2019-01-01') , end = as.Date('2019-12-31')
                 )
               ),
          ),

---

我们可以使用css在选择时更改导航栏的颜色。使用

tags$head

将css标记放置在

fluidpage

中。要在选项卡面板下设置选项，请使用

navbarMenu

并将

tabPanel

调用与

navbarMenu

调用一起放置

关于评论中的问题，您最初在

navlistPanel

通话中设置了

WELL=FALSE

。如果将其设置为

TRUE

，则会在

navlistPanel

栏周围放置一个框。为了改变背景颜色，我们再次使用CSS，使用

.well

属性。使用此功能，您可以更改

navlistPanel

的字体大小、字体、字体颜色、背景色、最大宽度和高度等

语法是什么意思？大部分都是很直观的。我建议更改一些值，如

font-family

，以查看实际情况。还可以使用Stackoverflow上的

css

标记。您还可以了解有关css的更多信息

库（闪亮）
图书馆（shinydashboard）
图书馆（shinythemes）
非常感谢你，它几乎完全是在做我喜欢的事情。所以你帮了我很大的忙！我只是想更好地理解语法。例如，它不是必需的，但是如果我希望导航列表的整个背景是红色的，我如何安排呢？例如，如果您不选择蓝色字体，我将如何更改其颜色？也许很愚蠢，但我真的是个新手。还有改变字体大小之类的东西？你帮了我这么多，能多玩一点就好了。天哪，我是个粉丝！非常感谢你！