如何更改pickerInput（）的背景颜色以及所选的选项

Question

我想更改pickerInput()的颜色以及更改其选择的背景颜色。例如，如果选择了A和B，则它们必须具有不同的背景色，例如蓝色，而其他选项仍为白色。如果将复选框移到选项的左侧，也会很酷。

library(shiny)
shinyApp(
  ui = fluidPage(
    pickerInput(
      inputId = "my_select_input",label = "Select Letter", 
      choices = c("A", "B", "C", "D"),multiple = T
               )
                ),
  server = function(input,output,session) {
    observeEvent(input$my_select_input,{
      updatePickerInput(session,"my_select_input")
    })
  }
)

Answer 1

我可以通过在UI顶部手动添加以下CSS来更改pickerInput()输入中所选选项的背景颜色。您需要隔离“选定”类，该类将自动应用于选定的单元格。

tags$style(HTML("

.selected {background-color:blue !important;}

"))