如何通过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
相关产品推荐
相关产品推荐

