链接R Shiny中的外部CSS样式表

时间:2014-04-22 13:40:20

标签: css r shiny

我正在制作我的第一个闪亮的应用程序,并且无法链接外部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;}

我错过了一些明显的东西吗?谢谢阅读。 麦克

1 个答案:

答案 0 :(得分:3)

您需要将.css文件放在名为www

的子目录中

注意

正如gruvn在评论中提到的那样,您需要让href只引用文件,而不是包含www路径。也就是说,使用href='mycss.css'而非href='www/mycss.css'