CSS 在 ioslides 中去除 Kable 样式答案

【问题标题】：CSS strips Kable Styling in ioslidesCSS 在 ioslides 中去除 Kable 样式
【发布时间】：2020-11-10 19:52:58
【问题描述】：

我正在尝试将 ioslides 演示文稿与 R Markdown 放在一起。为了消除输出底部的灰色渐变，我创建了一个“style.css”文件，其中包含以下内容，效果很好：

slides > slide {
  background: linear-gradient(#ffffff, #ffffff 85%, #ffffff);
  background-color: white;
  }

但是，我也在尝试对我的表使用 kable() 和 kabel_styling() 并且添加文件会使 kable() 表失去其格式。

这是我的 YAML 标头

---
title: "Research"
subtitle: "Ben Howell"
author: "Student at School"
date: "`r Sys.Date()`"
output: 
  ioslides_presentation:
    css: style.css
---

和我的表的代表：

x <- c(2, 3, 4, 1, 3)
y <- c(12, 11, 17, 14, 25)

test <- data.frame(x, y)

test %>%
  knitr::kable(booktabs = TRUE) %>%
  kable_styling(bootstrap_options = c("striped", "hover"), font_size = 16,
                position = "center", full_width = FALSE) %>%
  row_spec(0, bold = TRUE, font_size = 20)

我真的很希望能够使 css 文件移除灰色渐变，同时不影响其他任何东西。感谢您的帮助！

（另外，如果有人知道 ioslides 中的其他 YAML 标头适用于作者/从属关系/等，我也会很感激，这样我就可以将我的“作者”标题分成两部分。谢谢！）

【问题讨论】：

您能否编辑您的 reprex 并将整个 .Rmd 文件作为一个文件，以便我重新创建您的示例？我无法在 iosslide 中显示 kable。谢谢

标签： html css r r-markdown ioslides

【解决方案1】：

包含您自己的样式表时，默认引导样式（默认主题）不会应用于您的文档。这包括.table-striped 类。您可以先包含默认主题，然后再包含自定义样式：

---
title: "Research"
subtitle: "Ben Howell"
author: "Student at School"
date: "`r Sys.Date()`"
output: 
  ioslides_presentation:
    css: [!expr 'system.file(package = "rmarkdown", "rmd", "h", "bootstrap", "css", "bootstrap.css")', 'styles.css']
---

或者您将bootstrap.css 的内容复制到您的styles.css 并仅添加您的其他样式。

【讨论】：