如何修改Shiny默认CSS来更改sidebarPanel的背景颜色?

时间:2019-04-12 11:37:43

标签: css r shiny

我有一个基于defaullt CSS(github.com/rstudio/shiny/blob/master/inst/www/shared/shiny.css)的自定义版本的Shiny应用程序。我的目标是更改此CSS内的sidebarPanel 的背景颜色。因此,我不想在ui.r中插入HTML。在上面的CSS中有以下代码段:

.shiny-input-panel {
  padding: 6px 8px;
  margin-top: 6px;
  margin-bottom: 6px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
}

我认为我要做的就是更改background-color的值,但这似乎根本没有任何作用。

编辑:我在theme = "my_custom.css"的开头用ui.r调用我的自定义CSS。如果我更改my_custom.css中的其他类,则e。 G。 shiny-notifications类,更改确实有效。

1 个答案:

答案 0 :(得分:0)

你可以

sidebarPanel(
  selectInput("dataset", "Choose a dataset:",
              choices = c("rock", "pressure", "cars")),
  numericInput("obs", "Observations:", 10), 
  style = "background-color: yellow;"
)