我试图在selectize input
中自定义shiny
。我所拥有的是:
我想要的是改变所选项目的颜色,如下所示:
我试图改变我的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())
)
)
答案 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;
}
"))
),