Lucido - come modificare la dimensione del carattere nei tag selezionati?

Question

Come posso modificare la dimensione del carattere nei tag selezionati?

Ho provato con questo codice qui sotto, ma la dimensione del carattere non cambia affatto.

shinyUI(fluidPage(

    sidebarPanel(

    # Change the font size. 
    tags$style(type='text/css', "select {font-size: 32px !important} "), 

    # Species/ pollutant options 
    selectInput(
     inputId = "species", 
     label = "Species:", 
     choices = c(...) 
     ), 
    .... 

Qualche idea?

Answer 1

Hai avuto l'idea giusta, ma l'input di selezione in lucido utilizza effettivamente selectize JavaScript per mostrare l'interfaccia utente anziché il tradizionale tag HTML select. Ecco perché il tuo CSS non sta prendendo piede.

Ciò che si vuole al posto del select CSS è ".selectize-input { font-size: 32px; }

Tuttavia, se hai solo che i CSS allora le opzioni del menu a discesa sarà ancora la dimensione di default e anche non ci sarà imbottitura intorno al testo che sembra molto imbarazzante. Ecco alcuni CSS si potrebbe desiderare di utilizzare:

.selectize-input { font-size: 32px; line-height: 32px;} 
.selectize-dropdown { font-size: 28px; line-height: 28px; } 

Così aggiungendo che ad un app dà questo:

runApp(shinyApp(
    ui = fluidPage(
    tags$style(type='text/css', ".selectize-input { font-size: 32px; line-height: 32px;} .selectize-dropdown { font-size: 28px; line-height: 28px; }"), 
    selectInput("test","Test", 1:5) 
), 
    server = function(input, output, session) { 
    } 
))