我的应用有很多selectizeInput框。要控制样式,我使用以下代码:
tags$style(type='text/css', ".selectize-input { font-size: 12px; line-height: 16px;} .selectize-dropdown { font-size: 12px; line-height: 12px; }"),
这普遍应用于所有选择输入框。如何更改特定输入框的高度?例如:
首次选择输入
tags$style(type='text/css', ".selectize-input { font-size: 12px; line-height: 16px;} .selectize-dropdown { font-size: 12px; line-height: 12px; }"),
div(style = "font-size: 11px;", selectizeInput(inputId = "demograph", label = "FILTER - I:",choices = NULL, multiple = FALSE,
options = list(maxItems = 1, placeholder = "All Parameters")))
第二次选择输入
tags$style(type='text/css', ".selectize-input { padding: 2px; min-height: 0;} .selectize-dropdown { line-height: 10px; }"),
div(style = "font-size: 11px;", selectizeInput(inputId = "demographFilt", label = "Choose a subset:",
choices = NULL, multiple = TRUE,options = list(placeholder = "All Parameters")))
如何更改第二个选择输入框的高度?如果我更改line-height
,则会在两个框中应用更改。我尝试了以下方法:
tags$head(tags$style("#demographFilt{line-height:30px;}"))
但它没有帮助。