CSS在ioslides中剥离Kable样式

问题描述

我正在尝试与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文件移除灰色渐变，同时又不影响其他任何内容。感谢您的帮助！

（此外，如果有人知道ioslide中其他YAML标头可用于author / affiliation / etc，我也将非常感谢，因此我可以将我的“ author”标题分解为两个。谢谢！）

解决方法

包括自己的样式表时，默认的引导样式（默认主题）不会应用于您的文档。包括类.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中，而仅添加其他样式。