Selectize闪亮输入风格（适用于两种不同的选择框）

Question

最近有人帮助我解决了这个问题：Selectize Input style in shiny。现在，我想进一步去解决另一个问题。

我有两个selectize inputs。我想分别为每个选择器更改选定项目的颜色。这是澄清我的问题的图片。

我有什么：

而且想什么，我获得：

我试图改变我的css与id和阶级的不同组合但没有成功。你可以帮帮我吗？

我的代码：

server.R：

library("shiny") 

shinyServer(function(input, output){}) 

ui.R：

library("shiny") 

shinyUI(fluidPage(

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

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

     mainPanel()) 
    ) 
) 

Answer 1

你需要像

tags$style(HTML(" .item { 
        background: #2196f3 !important; 
        } 

        #select2 + div> div>.item { 
        background: #f3217a !important; 
        } 
        .selectize-dropdown-content .active { 
        background: #2196f3 !important; 
        } 

        #select2 + div> div>.selectize-dropdown-content .active { 
        background: #f3217a !important; 
        } 
        ")) 

在你的CSS

select2将会从所有其他不同的“选择”

或定义颜色为每个＃选择

PS可以利用应用和粘贴（喜欢这里1看到更新做它在服务器端从表）