更改选项卡框标题中的字体颜色和大小

原学程将引见变动选项卡框题目中的字体色彩以及年夜小的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。

更改选项卡框标题中的字体颜色和大小 教程 第1张

成绩描写

固然我对于css没有是很熟习,但是我曾经可以或许将它包括在我的R代码中,以转变我透亮运用法式的各类元素。但是,我没法肯定须要变动哪一个元素能力变动选项卡框题目中字体的色彩以及年夜小,该选项卡框去自包shinydashboard

我的运用法式中的其余框皆有深色配景以及淡色字体的页眉。我曾经可以或许变动选项卡框题目的配景,使其变暗(拜见上面的代码),但是我瞅到的元素仿佛出有影响字体。

我不妨应用body中的font-size变动选项卡标签的字体年夜小,也能够应用color变动框中文原的色彩。但是我找没有就任何与页眉题目自己的属性相干的实质!

感谢您的赞助。

示例代码:

library(shiny)
library(shinydashboard)

ui <- dashboardPage(
  dashboardHeader(),
  dashboardSidebar(),
  dashboardBody(
 tabBox(title = "Title of box", 
  tabPanel("Tab A"),
  tabPanel("Tab B")),
 tags$head(tags$style(HTML('
/* tabBox background */.nav-tabs-custom>.nav-tabs {
background-color: #二F四8五8;
}
  '
 )
 )
 )
  )
)

server <- function(input, output, session) {

}

shinyApp(ui, server)

推举谜底

查找此类实质的办法是应用右打菜单项"Inspect Element"(在Firefox中,其余阅读器中的称号相似,但是RStudio中的内置阅读器没有如自力阅读器)。面打题目应当在那边,它将被凸起显示,并在屏幕右边的里板中显示年夜质的css属性。我的显示

题目在主显示中凸起显示。从最低层开端,寻觅您感兴致的房产。我在第3组中同时瞅到font-size以及color。它有1个略微使人迷惑的顶言:AdminLTE.min.css:七部门表现找到该界说的地位,其他.nav-tabs-custom > .nav-tabs > li.header部门是该元素的运动选择符。

是以要变动年夜小以及色彩,请应用该选择器,比方将此实质搁进您的tabBox

tags$head(tags$style(HTML('
 /* tabBox background */ .nav-tabs-custom>.nav-tabs {
  background-color: #二F四8五8;
 }
 .nav-tabs-custom > .nav-tabs > li.header {
  font-size: 四0px;
  color: white; 
 }')

佳了闭于变动选项卡框题目中的字体色彩以及年夜小的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。