时间戳

首页 > 解决方案 > 在bookdown gitbook中更改R块背景颜色

css - 在bookdown gitbook中更改R块背景颜色

问题描述

我想在 bookdown gitbook 中更改 R 块和 R 块输出的背景颜色。尝试遵循https://bookdown.org/yihui/rmarkdown-cookbook/chunk-styling.html第 7.3 节， 在 RMarkdown或https://github.com/yihui/knitr-examples/blob/master/116中更改块背景颜色-html-class.Rmd

但没有成功。

我从这里编辑了最小的例子： https ://github.com/rstudio/bookdown-demostyle.css

.Rchunk {
  background-color: #f2dede;
  font-weight: bolder;
  color: red;
}

.Rout {
  background-color: #d9edf7;
  font-weight: bolder;
  color: blue;
}

这在index.Rmd周围# Prerequisite

```{r, echo=FALSE}
knitr::opts_chunk$set(fig.align='center', out.width='60%', class.source="Rchunk", class.output="Rout", comment="", prompt=TRUE) 
```


# Prerequisites

```{r}
summary(iris$Sepal.Length)
```

如第一张图片所示，该类在 html 文件中传递，并且font-weight: bolder;显示但不显示字体和背景颜色。它实际上在那里，但被掩盖但另一种 css 风格

.book .book-body .page-wrapper .page-inner section.normal pre {
    overflow: auto;
    word-wrap: normal;
    margin: 0 0 1.275em;
    padding: .85em 1em;
    background: #f7f7f7;
}

有没有办法删除灰色背景调用，以便可以显示彩色类？

灰色背景

彩色背景

标签： cssrbookdowngitbook

解决方案

感谢@cderv 为我指明了正确的方向。只需要添加!important到我想要优先考虑的 CSS 样式：

.Rchunk {
  background-color: #f2dede !important;
  font-weight: bolder;
  color: red !important;
}

.Rout {
  background-color: #d9edf7 !important;
  font-weight: bolder;
  color: blue !important;
}

推荐阅读