如何在R Markdown中自定义和样式tabset.dropdown？

Question

我想更改R Markdown中下拉选项卡集的外观。例如，我希望下拉列表扩展悬停并更改盒子的整体外观。此外，我想在下拉列表中更改字体，颜色和文本对齐。我在.css文件中尝试了许多不同的方法，没有任何成功。请参阅下面的代码和图片。

这是我要自定义的下拉级

---
output:
  html_document:
    theme: paper
    highlight: tango
    number_sections: false
    toc: false
    toc_float: false
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## Title {.tabset .tabset-fade .tabset-pills}

### Subject1 {.tabset .tabset-dropdown}

#### How can i customize this?

#### How can i customize this?

### Subject2 {.tabset .tabset-dropdown}

#### How can i customize this?

#### How can i customize this?

Answer 1

您需要在顶部的R代码中添加样式。CSS，也需要作为文件夹中的新文件。

R代码

---
output:
  html_document:
    theme: paper
    highlight: tango
    number_sections: false
    toc: false
    toc_float: false
    css: styles.css
---
```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## Title {.tabset .tabset-fade .tabset-pills}

### Subject1 {.tabset .tabset-dropdown}

#### How can i customize this?

#### How can i customize this?

### Subject2 {.tabset .tabset-dropdown}

#### How can i customize this?

#### How can i customize this?

CSS代码（styles.css）：

.nav-tabs > li.active:nth-child(1) > a {
  background-color: #E8C120;
}

.nav-tabs > li > a {
  background-color: #5882A6;
  color: red;
}

输出：