textAreaInputの背景色をどのように変えるのですか？

Question

textAreaInput()をdashboardHeaderに使用して、ヘッダーに複数の行を使用できるようにしました。しかし、このテキスト領域の背景色は白で、そこのタイトルパネルに混じることはできません。このテキスト領域の背景色をdashboardHeaderで使用されているものと同じ色に変更したいと思います。私は以下のようなものを試しました。しかし、それは動作しません。助言がありますか？ありがとうございました！

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

あなたはすべてのTextAreaのbackgrondcolorを変更したい場合こんにちはあなたは2つの選択を書く

最初のものを持っています。私はtextAreaの前に点を取り除く必要があります。なぜなら、ドットがクラスを探すための識別子ではない点であるからです。このような色の後に！importantを追加する必要があります。

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

あなただけのこの特定のTextAreaの背景色を変更したい場合は、2番目はあるが、ID #headerを使用することをお勧めします。この場合には、あなたは!important

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

希望これは必要ありません助けて！