You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.30 20:22:46