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

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）。

对于盒子本身，它看起来像是引导程序在其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) {
  }
))

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