Изменение css параметров выпадающего меню из блестящих виджетов

Question

Я разработал простую выпадающую кнопку из пакета блестящих виджетов. Почему-то я не могу изменить css параметры виджета.

dropdownButton( icon = icon('info'), size = 'sm', right = T, up = F, width = '400px',
              div('my text', style = 'font-size:10px'))

Я пытался выполнить настройку css ссылки здесь Блестящий виджет dropdownButton CSS tag

Однако это только изменило параметры всплывающего окна.

Я попытался проверить элемент и найти коды css, но безуспешно.

В идеале мне нужно изменить размер кнопки, цвет фона и непрозрачность.

Спасибо

Answer 1

Надеюсь, это поможет, ссылаясь на эту ссылку SO # 1 , аргумент 'status' позволяет вам установить пользовательский класс (см. this ). В тегах $ style вы можете выбрать цвет фона, используя 'background-color', и непрозрачность, используя 'opacity'. Аргументы «size» позволяют вам выбрать размер кнопки.

dropdownButton(status = "dropdownbutton", icon = icon('info'), size = "lg", right = T, up = F, width = '400px',
                div('my text', style = 'font-size:10px')
               ),
tags$head(tags$style(
  "
  .btn-dropdownbutton{
                      background-color: #393D3F !important;
                      border: solid; border-radius: 4px; border-width: 1px; border-color:#339FFF;
                      color: #339FFF; text-align: center; font-weight:bold; font-size: 12px;
                      opacity: 0.5 !important;
    }
  "