2016-05-23 14 views
2

selectize inputshinyにカスタマイズしようとしています。光沢のある入力スタイルを選択

enter image description here

そして、何私が持っているしたいことは、ここのような選択された項目の色を変更することです:私は何を持っていることである

enter image description here

私はcssを変更しようとしたが、

.selectize-input.input-active, .selectize-input.input-active:hover, .selectize-control.multi .selectize-input.focus {border-color: #2196f3 !important;} 
.selectize-dropdown .active {background: #2196f3 !important;} 

私も変更したいのですが、私はこの「a」色だけを変更することができました。 "c"と "b"のolourしかし、私はどのようにわからない。私を手伝ってくれますか?

マイコード:

server.R

library("shiny") 

shinyServer(function(input, output){}) 

ui.R

library("shiny") 

shinyUI(fluidPage(
    sidebarLayout(
     sidebarPanel(
      selectizeInput("select", label=NULL, 
          choices=c("a", "b", "c", "d"), 
          multiple=TRUE, options=list(placeholder="Wybierz"))), 
     mainPanel()) 
    ) 
) 

答えて

3

は(ちょうどfluidPagesidebarLayout前に)この作業ですか?

tags$head(
    tags$style(HTML(" 
    .item { 
     background: #2196f3 !important; 
     color: white !important; 
    } 
    .selectize-dropdown-content .active { 
     background: #2196f3 !important; 
     color: white !important; 
    } 
    ")) 
), 
+0

ありがとうございました!それは動作します。フォントの色を変更するために何を追加するのか知っていますか? – Marta

+0

私もcolor = whiteを含むように更新しましたが、有効なCSS色を追加することができます –

+0

素晴らしい!これはなぜ重要なのですか?たぶんそれは基本的ですが、私はhtmlにはかなり新しいです... – Marta

関連する問題