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

如何为Shiny Dashboard标题中特定字符设置样式(变色加粗)?

给Shiny Dashboard标题中的单个字符设置自定义样式

没问题!完全可以给Shiny Dashboard标题里的特定字符单独设置样式,比如把你提到的字母"R"改成红色加粗的效果。下面给你两种简单可行的方法:

方法一:直接使用内联HTML样式

最直接的方式是利用dashboardHeader的title参数支持HTML内容的特性,把需要高亮的字符用<span>标签包裹并设置内联样式。

修改你现有代码里的dashboardHeader部分即可:

ui <- dashboardPage(
  dashboardHeader(title = HTML("Process Mine<span style='color:red; font-weight:bold;'>R</span>")),
  dashboardSidebar(
    tags$head(tags$style("tfoot{display: table-header-group;}")),
    tags$head(tags$style(HTML(".shiny-notification { height: 50px; width: 300px; position:fixed; top: 40%; left: 40%;}"))),
    # 你的侧边栏其他内容...
  ),
  dashboardBody(
    # 你的主体内容...
  )
)

这里我们把原来的纯文本标题"Process MineR"替换成了HTML格式,用<span>给字母"R"设置了红色(color:red)和加粗(font-weight:bold)样式。

方法二:使用自定义CSS类(适合多次复用)

如果你需要在多个地方给字符设置相同样式,或者想让代码更整洁,可以先定义一个CSS类,再在标题里调用:

ui <- dashboardPage(
  dashboardHeader(title = HTML("Process Mine<span class='highlight-r'>R</span>")),
  dashboardSidebar(
    tags$head(
      tags$style("tfoot{display: table-header-group;}"),
      tags$style(HTML(".shiny-notification { height: 50px; width: 300px; position:fixed; top: 40%; left: 40%;}")),
      # 定义自定义CSS类
      tags$style(HTML(".highlight-r { color: red; font-weight: bold; }"))
    ),
    # 你的侧边栏其他内容...
  ),
  dashboardBody(
    # 你的主体内容...
  )
)

这种方式的好处是,后续如果要调整样式,只需要修改CSS类的定义即可,不用逐个修改HTML标签里的内联样式。

两种方法都能实现你想要的高亮效果,选哪种就看你的实际需求啦~

内容的提问来源于stack exchange,提问作者Tamas

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.27 03:49:19