html - Shiny 的仪表板 tabBox，tabPanel CSS

Question

在 Shiny dashboard 中使用 tabBox 和 tabPanel 时，

fluidRow(
    tabBox(
      title = "First tabBox",
      # The id lets us use input$tabset1 on the server to find the current tab
      id = "tabset1", height = "250px",
      tabPanel("Tab1", "First tab content"),
      tabPanel("Tab2", "Tab content 2")
    ),

是否可以修改背景颜色和其他 CSS 设置？我试过了

.tab-pane

但这会改变整个仪表板的背景颜色，而不仅仅是面板。

Answer 1

fluidRow(
    tags$style(".nav-tabs {background: #f4f4f4;}
                .nav-tabs-custom .nav-tabs li.active:hover a, .nav-tabs-custom .nav-tabs li.active a {background-color: #fff;
                                               border-color: #fff;                                                      
                                               }
                .nav-tabs-custom .nav-tabs li.active {border-top-color: 
                                                      #314a6d;
                                                      }"
                ),
    tabBox(
      title = "First tabBox",
      id = "tabset1", height = "250px",
      tabPanel("Tab1", "First tab content"),
      tabPanel("Tab2", "Tab content 2")
      )