Как получить свойства CSS виджета?

Question

Я пытаюсь сделать веб-приложение с блестящим, и я хотел бы знать, если существует функция, которая отображает свойство CSS виджетов.

Давайте посмотрим на примере.Я потратил много времени, чтобы найти несколько CSS-свойств actionButton.

# Actionbutton
      actionButton(inputId = "submit", label = "SUBMIT"),

# Used properties
      tags$style("button#submit { 
                 margin-left: auto;
                 margin-right: auto;
                 display:block; 
                 background-color:#808080; 
                 padding: 5px 25px; 
                 font-size:1.5em;  
                 letter-spacing:0.05em; 
                 text-transform:uppercase ;
                 color:#FFFFFF;")

Однако источники ограничены для других виджетов, таких как fileInput, группа флажков и т. Д. *

NB - я пытался найтиОтвет сам Получение списка свойств CSS но все ссылки мертвы.

Спасибо

Answer 1

Вы можете загрузить свою блестящую панель инструментов в веб-браузер, а затем щелкнуть правой кнопкой мыши на странице и выбрать «Проверить элемент» (Q).

Вы можете запустить свое приложение в веб-браузере, используя launch.brower = TRUE для своего кода runApp.Например,

runApp(list(ui = ui, server = server) launch.browser = TRUE)

После того, как вы выберете Inspect Element (Q), вы сможете навести курсор на элементы на вашей странице, включая ваши виджеты, для отображения информации CSS.В вашем случае наведите курсор на виджет и нажмите на него, чтобы получить свойства CSS.Я приложил фотографию ниже, чтобы указать, как это выглядит.