css - 我如何找到我 Shiny 的应用程序的现有 css？

Question

我对 css 很陌生，所以也许我问错了问题，但是当我使用 navbarPage 时，我是否将 css 添加到我的网络应用程序中？当我添加自己的 css 以添加一些文本和背景颜色时...

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

...它删除了导航栏，我的选项卡现在只是我主标题下方的超链接。为什么是这样？

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？

Answer 1

我如何访问 Shiny 应用的 CSS？

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

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

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

添加自定义 CSS

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