如何找到我的闪亮应用程序的现有CSS?

时间:2015-03-31 03:39:38

标签: css r twitter-bootstrap shiny

我对css很新,所以也许我问的是错误的问题但是当我使用navbarPage时,我将css添加到我的网络应用程序中?当我添加自己的CSS以添加一些文本和背景颜色时......

    <STYLE TYPE='text/css'>
/* CSS generated at csscreator.com */
BODY{background-color:#36454f; }
P{color:#999999; }
</STYLE>

...它删除了Navbar,我的标签现在只是我主标题下面的超链接。为什么是这样?

ui.R

    library(shiny)

shinyUI(navbarPage("main title", theme = "www/my_css.css",
  tabPanel("Dashboard",
          plotOutput("plot1",       width = "1600px"),
          plotOutput("plot2",       width = "1600px"),
          plotOutput("plot3", width = "1600px"),
          actionButton("refresh", "Refresh now")),
  tabPanel("About" , p("test"))
    )  
  )

有没有办法查看从制作的应用程序创建的CSS?

1 个答案:

答案 0 :(得分:4)

如何访问Shiny应用的CSS?

这可能不是最好的方式,但我这样做(在Chrome版本41.0.2272.101上)是右键单击页面并单击“查看页面源”选项。打开新标签页后,您可以看到它是与您的Shiny应用程序对应的HTML文件。此HTML文件的顶部包含对应用程序中使用的CSS文件的引用,如:

<link href="shared/datepicker/css/datepicker.css" rel="stylesheet" />

单击“共享/ ...”路径,您将能够看到CSS文件

添加自定义CSS

说实话,我没有尝试过这样做,但this article可能会提供一些见解。