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

如何通过style.css修改Bookdown中的滚动高亮颜色?

修改Bookdown侧边栏当前章节高亮颜色
  • Bookdown侧边栏的当前章节高亮是通过active类控制的,并非a:link选择器,直接使用a:link会覆盖默认的激活状态样式,导致滚动高亮功能失效。
  • 正确的修改方式是在style.css中针对激活状态的选择器自定义样式:
/* 替换侧边栏当前章节的高亮背景色 */
.book .book-summary ul.summary li.active a {
  background-color: #2ecc71; /* 这里替换成你需要的颜色值 */
  color: #ffffff; /* 可选:修改高亮时的文本颜色 */
}
  • 保存style.css后重新编译Bookdown项目,就能看到侧边栏当前章节的高亮颜色变成你设置的样式了。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.24 00:52:04