首页 文章

如何获取widget的CSS属性？

提问于
浏览 次
0

我尝试使用闪亮的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组等）的来源是有限的...

NB - 我试图自己找到答案Getting list of CSS properties但所有链接都已死亡 .

谢谢

css r shiny

1 回答

  • 0

    您可以将闪亮的仪表板加载到Web浏览器中，然后右键单击页面并选择Inspect Element（Q） .

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

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

    选择Inspect Element（Q）后，您将能够将鼠标悬停在页面中的元素（包括小部件）上以显示CSS信息 . 在您的情况下，将鼠标悬停在窗口小部件上并单击它以获取CSS属性 . 我在下面附上了一张照片来说明这是什么样的 .

    回复于

相关问题