css - 如何获取小部件的 CSS 属性？

Question

我尝试制作一个闪亮的 Web 应用程序，我想知道它是否存在显示小部件 CSS 属性的功能。

让我们看一个例子。我花了很多时间寻找 actionButton 的几个 CSS 属性。

# 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、Checkbox 组等）的来源是有限的……</p>

注意 - 我试图自己找到答案获取 CSS 属性列表，但所有链接都已失效。

谢谢

Answer 1

您可以将闪亮的仪表板加载到网络浏览器中，然后右键单击页面并选择检查元素 (Q)。

launch.brower = TRUE您可以使用您的 runApp 代码在 Web 浏览器中启动您的应用程序。例如，

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

选择检查元素 (Q) 后，您将能够将鼠标悬停在页面中的元素上，包括小部件，以显示 CSS 信息。在您的情况下，将鼠标悬停在您的小部件上并单击它以获取 CSS 属性。我在下面附上了一张照片来说明它的样子。