Shiny tabPanels에서 탭의 사용자 정의 배경색을 설정하는 방법은 무엇입니까?

Shiny tabPanel에서 탭 배경색 사용자 정의

CSS 사용자 정의를 사용하면 탭의 배경 색상을 포함하여 Shiny 애플리케이션의 모양을 수정할 수 있습니다.

예:

사용자 인터페이스를 향상하려면 Shiny tabsetPanel에서 탭 색상을 사용자 정의하는 것이 좋습니다. 이 예에서는 기본 탭 배경을 검정색 텍스트가 있는 청록색으로 설정하고 선택한 탭에 특정 색상과 텍스트를 적용합니다.

<code class="r">library(shiny)

ui <- shinyUI(
  fluidPage(
    h1("Colored Tabs"),
    tags$style(HTML("
        .tabbable > .nav > li > a                  {background-color: aqua;  color:black}
        .tabbable > .nav > li > a[data-value='t1'] {background-color: red;   color:white}
        .tabbable > .nav > li > a[data-value='t2'] {background-color: blue;  color:white}
        .tabbable > .nav > li > a[data-value='t3'] {background-color: green; color:white}
        .tabbable > .nav > li[class=active]    > a {background-color: black; color:white}
    ")),
    tabsetPanel(
      tabPanel("t0", h2("normal tab")),
      tabPanel("t1", h2("red tab")),
      tabPanel("t2", h2("blue tab")), 
      tabPanel("t3", h2("green tab")),
      tabPanel("t4", h2("normal tab")),
      tabPanel("t5", h2("normal tab"))
    )
  )
)

server <- function(input, output) {}

shinyApp(ui = ui, server = server)

사용자 정의:

• 설정 기본 탭 배경색: .tabbable > .nav > 리 > a
• data-value: .tabbable >를 사용하여 특정 탭에 대한 사용자 정의 배경 및 텍스트 색상을 지정합니다. .nav > 리 > a[data-value='t1']
• 활성 탭 배경 및 텍스트 색상 수정: .tabbable > .nav > li[class=활성] > a

이 예는 Shiny tabPanels에서 탭의 배경색을 사용자 정의하는 포괄적인 솔루션을 제공하여 다양한 스타일을 적용하여 애플리케이션의 시각적 매력을 향상시킬 수 있습니다.

위 내용은 Shiny tabPanels에서 탭의 사용자 정의 배경색을 설정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!