在 R Shiny 中链接外部 CSS 样式表答案

【问题标题】：Linking an External CSS Stylesheet in R Shiny在 R Shiny 中链接外部 CSS 样式表
【发布时间】：2014-06-06 22:18:19
【问题描述】：

我正在制作我的第一个闪亮的应用程序，但在链接外部 css 文件时遇到了问题。我看过一些参考资料，人们解释了如何做到这一点，甚至展示了示例代码，但我没有任何运气。我见过的大多数示例都使用 bootstrapPage，如下所示：

  shinyUI(bootstrapPage(
    tags$head(
      tags$title('Example linked stylesheet'),
      tags$link(rel = 'stylesheet', type = 'text/css', href = 'assets/ace-shiny.css'),
    ))

我正在使用fluidPage，不知道这是不是我的问题。我的尝试如下。我已经确认我的工作目录是我认为的位置，并且包含保存 css 文件的“资产”文件夹。我知道tags$head 位正在工作，因为如果我在此处取消注释tags$style，它就会被应用。

shinyUI(fluidPage(
  tags$head(
     tags$link(rel="stylesheet", type="text/css", href="assets/styles.css")
     #tags$style(type='text/css', "body {background-color: black;}")
  ))

我在这个阶段的 CSS 很简单（如下），所以我知道这不是问题。

body {background-color: red;}

我是否遗漏了一些明显的东西？谢谢阅读。迈克

【问题讨论】：

标签： css r shiny

【解决方案1】：

您需要将您的.css 文件放在名为www 的子目录中

注意

正如 cmets 中提到的 gruvn，您需要使您的 href 仅引用文件，而不包括 www 路径。也就是说，使用href='mycss.css' 而不是href='www/mycss.css'

【讨论】：

约翰·保罗 - 谢谢！只是添加一些说明，因为它对我来说并不直观。我最终在我的应用程序文件夹中添加了一个“www”文件夹，并将我的 css 文件放在那里。那么我的链接必须是href = 'styles.css'，而不是href = 'www/styles.css'。不提供完整路径对我来说是违反直觉的。
很高兴为您提供帮助 - 我会将其添加到答案中。