2015-05-29 1 views
1

Как изменить размер выпадающего меню (выберите теги) меньше? Я подумал, что это прокладка, которая делает выпадающее меню «толстым». Так что я изменить отступы в 0, чтобы сделать это «тонкий» и, очевидно, что не работает,Shiny - изменить размер (padding?) Выпадающего меню (выберите теги) less

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

Любые идеи?

+0

Нет встроенного в браузере решение стиля большинства элементов формы, среди которых '' und ' 'используя только CSS. – connexo

ответ

3

Для раскрывающихся меню это line-height, которое вы хотите (заполнение уже 0 по умолчанию, я думаю, посмотрите на 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) { 
    } 
)) 

Пожалуйста, попробуйте опубликовать полные примеры кода, а не фрагмент кода, который мы должны завершить себя. Делает это проще и быстрее для нас, чтобы попытаться ответить

+0

Спасибо за помощь! 'Пожалуйста, постарайтесь опубликовать полные образцы кода, а не фрагмент кода, который нам нужно заполнить. Делает это проще и быстрее для нас, чтобы попытаться ответить' - это будет иметь в виду в следующий раз. Спасибо. – laukok

+0

, обеспечивающий скриншоты отладчика, значительно улучшит этот уже правильный ответ. – theforestecologist

Смежные вопросы