Question

我的应用有很多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;}"))

但它没有帮助。

调整特定selectizeInput框的高度有光泽

0 个答案: