textAreaInput의 배경색을 반짝이는 방법은 어떻게 변경합니까?

Question

textAreaInput()을 dashboardHeader에 사용하여 헤더에 여러 줄을 허용했습니다. 하지만이 텍스트 영역의 배경색은 흰색이며 제목 패널에 혼합 할 수 없습니다. 이 텍스트 영역의 배경색을 dashboardHeader에서 사용 된 것과 같은 투명하거나 동일한 색상으로 변경하고 싶습니다. 나는 아래와 같은 것을 시도했다. 그러나 그것은 효과가 없습니다. 어떤 제안? 고맙습니다! 당신이 모든 textArea의의 backgrondcolor을 변경하려는 경우

library(shiny) 
library(shinydashboard) 

shinyApp(server = function(input, output) {}, ui = 

dashboardPage(skin = "blue", 

dashboardHeader(
    title = textAreaInput(inputId = 'header',label = NULL, 
          width = 250, height = 100, 
          value = "This is a very very very very very loooooong title" 
        ), 
    titleWidth = 260 
), 

dashboardSidebar(
    width = 260,  
    sidebarMenu(
     menuItem("About", tabName = "about", icon = icon("circle")), 
     menuItem("References", tabName = "ref", icon = icon("book")) 
    ) 
), 

dashboardBody(

    tags$head(tags$style(HTML(' 
      .textArea { 
       background-color: #0000ff; 
       border: none; 
      } 
    '))), 

    tabItems(
     tabItem(tabName = 'about'), 
     tabItem(tabName = 'ref') 
    ) 
) 
)) 

Answer 1

안녕 두 choises

첫 번째

있습니다. textArea 전에 점을 제거해야합니다. 점이 클래스를 찾기 위해 식별자 앞에 클래스가 아니기 때문입니다. 다음과 같은 색상 뒤에! important를 추가해야합니다.

tags$head(tags$style(HTML(' 
    textArea { 
    background-color: #0000ff !important; 
    border: none; 
    }'))) 

만이 특정 textArea의 배경색을 변경하려는 경우 두 번째는이 ID #header를 사용하는 것이 좋습니다이 경우 당신은 !important

tags$head(tags$style(HTML(' 
    #header{ 
    background-color: #0000ff !important; 
    border: none; 
    }'))) 

희망이 필요하지 않습니다 도와 줘요!