css - 如何在 Flexdashboard 中将我的标签集更改为药丸？

Question

我正在尝试自定义 flexdashboard（非闪亮）。我有几个图表将在主仪表板页面上设置标签。

我可以让标签集成功工作，但除此之外，我无法以任何方式设置标签的样式。有关我目前拥有的标准标签集格式，请参见下文。这是默认格式。

这是与上述输出对应的代码：

---
title: "My Title"
output: 
  flexdashboard::flex_dashboard:
    theme: cerulean
    orientation: rows
    vertical_layout: fill
---

{r 设置，include=FALSE} 库（flexdashboard）

## Row {.tabset}

### Requests

### Transactions 

### Purchases

（rsetup 代码行和 library(flexdashboard) 代码行被三个撇号包围，但我不确定如何格式化。

由于我还没有填写内容，因此每个选项卡目前都没有任何内容。

我想做几件事来自定义这些标签集。首先，我想把这些改成药片。但是，当我将上面的内容从：更改为时， ## Row {.tabset} 我 ## Row {.tabset .tabset-pills} 得到与上面相同的输出。标签不是药片。没有什么变化。同样，当我输入## Row {.tabset .tabset-fade}. 这告诉我，这个问题不仅限于药片，可能更多的是一个总体问题。

这是我的第一个问题——我做错了什么？我在网上搜索并发现它可能与您使用的软件包版本有关，如果它们是旧的，但我有所有东西的最新版本： sessionInfo()返回：

loaded via a namespace (and not attached):
 [1] compiler_3.6.1      rsconnect_0.8.15    htmltools_0.4.0     tools_3.6.1         flexdashboard_0.5.2 yaml_2.2.0          Rcpp_1.0.2         
 [8] rmarkdown_2.4.2     knitr_1.26          jsonlite_1.6        xfun_0.11           digest_0.6.22       rlang_0.4.4         evaluate_0.14  ```

根据对这个问题的回答，我进一步尝试自定义活动选项卡的颜色。我所能做的就是为整个背景行着色。我想知道这是否与我遇到的标签药问题有关。

任何帮助将不胜感激，谢谢！

编辑： 我现在可以使用带有以下代码的 CSS 文件来编辑选项卡集以更改颜色和字体：

 <style>
.nav-tabs-custom .nav-tabs li.active a {
  color: white !important;
  font-weight: bold;
  background-color: #1036b3 !important;
}

.nav-tabs-custom .nav-tabs li:not(.active) a {
  color: #f0f0ff;
  background-color: #0a0a54;
}
.nav-tabs-custom > .nav-tabs > li.active a {
    background-color: #1036b3;
    border-top-color: black;
    font-weight: bold;
    color: white;
    }

/* To set color on hover */
.nav-tabs-custom .nav-tabs > li.active > a:hover {
  color: white;
  font-weight: bold;
  background-color: #124dc4;
}

/* To set color on hover attempt not active */
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover {
  color: white;
  text-decoration: underline;
  background-color: #1a1a8a;
}
</style>

这是输出：

它很漂亮，而且色彩鲜艳。

但是，将选项卡更改为药丸形状仍然不起作用。仍在为此寻求帮助-也许非闪亮仪表板无法处理药丸？我不知道...如果我不能简单地在我的 R 脚本中使用属性“tabset-pills”，有人可以建议我如何将药丸集成到我的 CSS 文件中吗？

提前致谢！

标签： cssrr-markdownflexdashboard