选择闪亮的输入样式（两个不同的选择框）

Question

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

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

我有什么：

我想要获得的东西：

我尝试使用不同的ID和类组合来更改css，但没有成功。你能帮帮我吗？

我的代码：

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将与其他所有人不同＆＃34;选择＆＃34;

或为每个#select

定义颜色

PS你可以使用apply和paste在桌面的服务器端进行操作（比如这里1参见更新）