Change color of prettyRadioButtons with CSS

I want to change the color of the active radio button in prettyRadioButtons() from the shinyWidgets package. I tried using status = "success" but the green color is different from what I want (#33FF8C). Using CSS, how can I change this color?
Thanks in advance, Bruce

here I make it orange

library(shinyWidgets)
library(shiny)

ui <- fluidPage(
  tags$head(tags$style(HTML("
    .pretty input:checked~.state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
    background-color: #FFaa00!important;
}"))),
  prettyRadioButtons("myrad","my rad",choices=letters[1:3],selected="a",status = "success")
)

server <- function(input, output, session) {
  
}

shinyApp(ui, server)

instead of doing an inline css ; via tags$style etc, its probably cleaner in a significant app to use app.css in www/ folder; its just doing it inline is more convenient/practical for a demo.

@nirgrahamuk This worked perfectly, thanks!! I wish I knew how to find this by myself. I did try looking into the source in the web browser but failed miserably.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.

If you have a query related to it or one of the replies, start a new topic and refer back with a link.