How to change color of R Shiny placeholder text when nothing is selected in dropdown

Question

I've been struggling with using CSS for my Shiny Leaflet map. Right now I'm using shinywidgets' pickerinput for my dropdowns. They work great, but whenever I click the "Deselect All" button the placeholder text turns grey. I'd like the color to remain white. Does anyone know how to fix this? I meticulously combed through the css connected to my Shiny app, and changed all the colors that were grey to white, but nothing was connected to the deselect all function. Therefore, I'm guessing this is a default setting of pickerinput. Maybe adding a tag would work to change the color of the dropdown placeholder text? I just don't know what that would look like though.

Before

After

Here's the code for this particular drop down.

pickerInput("category", label= "Theme Areas",inline=FALSE,multiple = TRUE,  width= '100%',
                                           options = list(
                                                   `actions-box` = TRUE, 
                                                   size = 10,
                                                   `selected-text-format` = "count > 3",
                                                   `count-selected-text`= "{0} Selected",
                                                   `none-selected-text` = "None Selected"
                                           ),

@RamondeVries The full code does not fit, but [here](https://github.com/ethantenison/Pionero_Philanthropy/blob/master/app.R) is a link to the file on github. — ethan tenison, May 28 '20 at 15:36

score 2 · Answer 1 · answered Jun 08 '20 at 22:37

2

After reaching out to the ShinyWidgets team I fixed the issue by adding this simple line of code:

tags$style(".bs-placeholder {color: #F2F2F2 !important;}")

answered Jun 08 '20 at 22:37

ethan tenison

393
3
14

How to change color of R Shiny placeholder text when nothing is selected in dropdown

1 Answers1