css – How to change the font size of the input by flashing?

I’m trying to change (reduce) the font size of the input widget, which I choose to shine without any luck. I checked out other solutions online that helped resize the selection options. But I need to change both the selection / selected bar and the font size shown in the selection of its dropdown menu. Here’s a simple piece of code:

library(shiny)

shinyApp(
  ui = fluidPage(
    titlePanel("censusVis"),
    sidebarLayout(
      sidebarPanel(
        helpText("Create demographic maps with
        information from the 2010 US Census."),    
        fluidRow(column(6,
                        pickerInput("var",
                                    label = "Choose a variable to display",
                                    choices = c("Percent White", "Percent Black",
                                                "Percent Hispanic", "Percent Asian"),
                                    selected = "Percent White",
                                    choicesOpt = list(
                                      style = rep_len("font-size: 75%; line-height: 1.6;", 4)
                                    ) # choices style
                        )
        ))
      ),
      mainPanel(textOutput("text1"))
    )
  ),
  server = function(input, output) {}
)

This line:

choicesOpt = list(style = rep_len("font-size: 75%; line-height: 1.6;", 4)) # choices style

From this link: https://github.com/dreamRs/shinyWidgets/issues/74 The font size in the dropdown menu has been reduced, but not the selection in the selection bar. Any help would be greatly appreciated.

Enter image description here.

Write a Comment