闪亮 - 更改下拉菜单（选择标签）的大小（填充？）

Question

如何更改下拉菜单（选择标签）的尺寸？我认为这是填充物使得下拉看起来很厚实。所以我将填充更改为0以使其“瘦”＃39;显然这不起作用，

shinyUI(fluidPage(

  sidebarPanel(

    # Change the font size.
    tags$style(type='text/css', " .selectize-input, .selectize-dropdown { padding:0 ; }"),

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

结果非常尴尬，

有什么想法吗？

Answer 1

对于下拉选项，它是你想要的line-height（默认情况下填充已经是0，我想，使用chrome调试器查看它上面的CSS）。

对于框本身，看起来bootstrap正在放置min-height，因此您还需要添加min-height: 0;。再一次，我现在通过查看它的CSS调试器来解决这个问题。

所以这是一个有效的解决方案：

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

请尝试发布完整的代码示例，而不是我们必须完成的代码片段。让我们更容易，更快地尝试回答