首页 > 解决方案 > R flexdashboard 标签集样式

问题描述

我正在尝试使用 CSS 为 flexdashboard 中的选项卡集修改一些样式。这是一个 RMarkdown 文件的示例。

---
title: "Title"
output: 
  flexdashboard::flex_dashboard
---

Section
===========================================================

Column {.tabset .tabset-fade}
-----------------------------------------------------------------------

### tab1 

text1

### tab2

text2

在此处输入图像描述

我想将活动选项卡顶部的颜色从蓝色更改为其他颜色。

在此处输入图像描述

我能得到的最接近的是更改所有选项卡的颜色,而不是顶部。

---
title: "Title"
output: 
  flexdashboard::flex_dashboard
---

<style>

.tabset { 
  background-color: #00806E;
}

</style>


Section
===========================================================

Column {.tabset .tabset-fade}
-----------------------------------------------------------------------

### tab1 

text1

### tab2

text2

在此处输入图像描述

标签: cssrflexdashboard

解决方案


试试这个:

<style>
  .nav-tabs-custom > .nav-tabs > li.active {border-top-color: green}
</style>

导航选项卡中的边框顶部为绿色


推荐阅读