选择闪亮的输入样式

时间:2016-05-23 08:48:43

标签: html css r shiny

我试图在selectize input中自定义shiny。我所拥有的是:

enter image description here

我想要的是改变所选项目的颜色,如下所示:

enter image description here

我试图改变我的css,但我设法改变了这个" a"通过添加颜色:

.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;}

我想改变" c"的颜色。和" b"但我不知道怎么做。你能帮帮我吗?

我的代码:

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())
    )
)

1 个答案:

答案 0 :(得分:3)

这是否有效(仅在fluidPage之后和sidebarLayout之前)?

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