html - Shiny - 将下拉菜单(选择标签)的大小(填充？)更改得更小

Question

如何缩小下拉菜单(选择标签)的大小？我认为是填充使下拉菜单看起来“厚”。所以我将填充更改为 0 以使其“变薄”，显然这不起作用，

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) {
  }
))

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