shinydashboard的选项卡框CSS

我正在尝试更改

shinydashboard

中

tabBox

的选项卡样式。我可以更改未选中选项卡的背景，但无法更改已选中选项卡的背景或每个选项卡中显示的文本。这是我添加到custom.css文件以更改未选择的选项卡背景的内容：

.nav-tabs {
  background-color: #006747;
}

我尝试了

.nav tabs.active

之类的东西，但什么都没用

另外，如果有人知道如何更改显示在所选选项卡旁边的小色条，也将不胜感激。

开发工具和“inspect element”非常方便，可以确定要从哪些类更改css

要更改选定选项卡的条子和颜色，可以执行以下操作：

.nav-tabs-custom .nav-tabs li.active:hover a, .nav-tabs-custom .nav-tabs li.active a {
     background-color: transparent;
     border-color: transparent;
}

.nav-tabs-custom .nav-tabs li.active {
     border-top-color: #FFF;
}

下面是一个示例（来自的主干代码）：

库（闪亮）
图书馆（shinydashboard）
body我公司的服务台实际上告诉了我同样的事情，并让我得到了同样的答案，所以这是一个非常好的理智检查。我是R的新手，因此在Shinny，你如何添加
。导航选项卡
？，我的意思是，我有一个类似
框（宽度=3，…）
的东西，我应该在哪个地方添加这个？
。导航选项卡
实际上不是R代码，我相信这是CSS，我不理解，也几乎无法模仿。因为它不是R代码，所以实际上不会将其添加到R文件或任何函数（如
box
）中。您必须创建一个.css文件并将其调用到应用程序中。我不知道如何对每个框元素进行自定义格式设置，因为我做了全局更改。这里有一个网站可以帮助你
library(shiny)
library(shinydashboard)
body <- dashboardBody(
        fluidRow(tags$style(".nav-tabs {
  background-color: #006747;
}

.nav-tabs-custom .nav-tabs li.active:hover a, .nav-tabs-custom .nav-tabs li.active a {
background-color: transparent;
border-color: transparent;
}

.nav-tabs-custom .nav-tabs li.active {
    border-top-color: #FFF;
}"),
                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")
                )

))

shinyApp(
        ui = dashboardPage(
                dashboardHeader(title = "tabBoxes"),
                dashboardSidebar(),
                body
        ),
        server = function(input, output) {
        }
)