如何修改闪亮的默认CSS以更改侧边栏面板的背景色?
我有一个基于定制版本的defaulltcss()的闪亮应用程序。我的目标是更改此CSS中如何修改闪亮的默认CSS以更改侧边栏面板的背景色?,css,r,shiny,Css,R,Shiny,我有一个基于定制版本的defaulltcss()的闪亮应用程序。我的目标是更改此CSS中侧边栏面板的背景色。因此,我不想在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;
侧边栏面板的背景色。因此,我不想在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;
}
我想我所要做的就是更改背景色的值,但这似乎没有任何效果
EDIT:我使用ui.r
开头的theme=“my_custom.CSS”
调用我的自定义CSS。如果我在my_custom.css
中更改其他类,例如。G类,更改确实会产生影响。您可以这样做
sidebarPanel(
selectInput("dataset", "Choose a dataset:",
choices = c("rock", "pressure", "cars")),
numericInput("obs", "Observations:", 10),
style = "background-color: yellow;"
)
嗨,乔,你有没有试过在开发工具中检查它?可能是另一个类覆盖了该值,或者父/子类也设置了相同的背景?嗨,杰克,我对这个问题的理解非常基本。所以我不知道如何在开发工具中解决这个问题。您自己的自定义CSS是在闪亮的CSS之后调用的吗?git链接中没有为该项目设置其他背景色。你的代码有输入错误吗?还是你自己的自定义CSS覆盖了它?默认CSS不再被调用;我只调用我的自定义一个(请参见编辑)。绝对没有打字错误;我所做的更改是背景色后面的十六进制代码:
。最后,我可以排除我的CSS确实覆盖了更改的论点。它可以在JS中设置吗?谢谢Stephane提供的解决方案!但是,我需要CSS中的解决方案。