如何找到闪亮应用的现有 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 上）是右键单击页面并单击 "View page source" 选项。打开新选项卡后，您可以看到它是一个与您的 Shiny 应用相对应的 HTML 文件。此 HTML 文件的顶部包含对应用程序中使用的 CSS 文件的引用，例如：

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

单击 "shared/..." 路径，您将能够看到 CSS 文件

添加自定义 CSS

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

如何找到闪亮应用的现有 css？

How do I find my shiny app's existing css?

css

r

twitter-bootstrap

shiny