如何获取小部件的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组  等等...

注意-我试图自己Getting list of CSS properties来寻找答案，但是所有链接都消失了。

谢谢

Answer 1

您可以将闪亮的仪表板加载到Web浏览器中，然后右键单击页面并选择“检查元素（Q）”。

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

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

选择检查元素（Q）后，您将可以将鼠标悬停在页面中的元素（包括小部件）上，以显示CSS信息。在您的情况下，将鼠标悬停在小部件上，然后单击它以获得CSS属性。我已在下面附上一张照片，以表明其外观。