如何在Shiny R的conditionalPanel中修改文本的加粗与颜色样式
解决Shiny仪表盘条件文本的加粗与颜色修改问题
你可以通过几种简单的方式实现这个需求,下面是具体的修改方案:
方法1:使用HTML标签结合HTML()函数
直接在文本中嵌入HTML的<strong>(加粗)标签,并通过style属性设置颜色,记得用HTML()函数让Shiny解析这些标签:
h5( conditionalPanel("output.is_old_data == 1", h5(HTML("<strong style='color: #dc3545;'>Os dados apresentados infra dizem respeito ao calculo efectuado para a ultima data de referencia com dados disponiveis. Assim que possivel a informacao sera actualizada para o mes seleccionado.</strong>")) ) )
方法2:使用Shiny原生tags函数
这种方式更贴合Shiny的写法,不需要直接写HTML字符串,用tags$strong来实现加粗,同时通过style参数设置颜色:
h5( conditionalPanel("output.is_old_data == 1", h5(tags$strong( style = "color: #dc3545;", "Os dados apresentados infra dizem respeito ao calculo efectuado para a ultima data de referencia com dados disponiveis. Assim que possivel a informacao sera actualizada para o mes seleccionado." )) ) )
方法3:直接给h5标签设置样式
如果不想额外嵌套标签,可以直接给h5本身添加样式,同时设置font-weight: bold实现加粗:
h5( conditionalPanel("output.is_old_data == 1", h5( style = "font-weight: bold; color: #dc3545;", "Os dados apresentados infra dizem respeito ao calculo efectuado para a ultima data de referencia com dados disponiveis. Assim que possivel a informacao sera actualizada para o mes seleccionado." ) ) )
补充说明:
- 颜色值可以换成任何有效的CSS颜色格式,比如颜色名称(
red、darkorange)、十六进制代码(#ff0000)或者RGB值(rgb(220, 53, 69))。 - 你的server端逻辑不需要修改,保持原样即可。
内容的提问来源于stack exchange,提问作者migx22
相关产品推荐
相关产品推荐

