根据selectInput()有条件地改变闪亮的wellPanel()背景颜色,可以通过以下步骤实现:
selectInput(inputId = "condition", label = "选择条件", choices = c("条件1", "条件2", "条件3"))
observeEvent(input$condition, {
if (input$condition == "条件1") {
shinyjs::addClass(selector = "div.well", class = "bg-color1")
} else if (input$condition == "条件2") {
shinyjs::addClass(selector = "div.well", class = "bg-color2")
} else if (input$condition == "条件3") {
shinyjs::addClass(selector = "div.well", class = "bg-color3")
}
})
wellPanel(
div(class = "well bg-color-default", "闪亮的面板内容")
)
.bg-color-default {
background-color: #ffffff; /* 初始背景颜色 */
}
.bg-color1 {
background-color: #ff0000; /* 条件1下的背景颜色 */
}
.bg-color2 {
background-color: #00ff00; /* 条件2下的背景颜色 */
}
.bg-color3 {
background-color: #0000ff; /* 条件3下的背景颜色 */
}
这样,根据选择的条件,闪亮的wellPanel()背景颜色就会有条件地改变。请注意,以上代码中使用了shinyjs包来动态添加和移除CSS类,因此需要在应用程序中添加shinyjs::useShinyjs()来启用shinyjs功能。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云