閃亮 - 更改下拉菜單（選擇標記）的大小（填充？）較小

如何更改較小的下拉菜單（選擇標記）的大小？我認爲這是填充，使下拉看起來'厚'。所以我改變填充爲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(...) 
     ), 
    ....

的結果是相當尷尬，

enter image description here

任何想法？

來源

2015-05-29 laukok

沒有跨瀏覽器的解決方案來設計大多數表單元素，其中包括''und''僅使用CSS。 – connexo

對於下拉選項，它是你想要的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) { 
    } 
))

請嘗試發佈完整的代碼樣本，而不是一個代碼片段，我們必須完成自己。使我們更容易，更快速地嘗試回答

來源

2015-05-29 20:47:18

感謝您的幫助！ '請嘗試發佈完整的代碼示例，而不是我們必須完成的代碼片段。讓我們更容易，更快地嘗試回答 - 下次會記住這一點。謝謝。提供調試器截圖的 – laukok

將顯着增強這個已經正確的答案。 – theforestecologist

閃亮 - 更改下拉菜單（選擇標記）的大小（填充？）較小

回答

相關問題