2016-05-23 5 views
2

Я пытаюсь настроить мой 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 olour «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()) 
    ) 
) 

ответ

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; 
    } 
    ")) 
), 
+0

спасибо! Это работает. Знаете ли вы, что добавить туда, чтобы изменить цвет шрифта? – Marta

+0

Я обновил его, чтобы включить также color = white, но вы можете добавить любой допустимый цвет css там –

+0

Отлично! Почему этот «важный» нужен? Возможно, это базовый, но я совершенно новый для html ... – Marta

Смежные вопросы