java 自定义headers_自定义闪亮的 Headers 栏

我正在尝试自定义一个闪亮的页面 .

My question ：如何更改完整 Headers 栏和标签的颜色 .

下面描述了我想要获得的内容以及我尝试过的内容(我在下面的示例中添加了一些不同的内容，以防任何这些因素对自定义方法产生负面影响) .

所以主要的突出问题是颜色定制 - 请参见下图 . Headers 文本和背景颜色已更改，但颜色的变化不会延伸到整个 Headers 栏(中间仍为灰色) . 未选中时，我无法更改选项卡文本颜色或背景颜色 . 为此，我尝试在下面添加代码，以及更改 .navbar .navbar-nav 中的颜色 .

.tabbable > .nav > li > a {background-color: aqua; color:black}

.tabbable > .nav > li > a[data-value='One'] {background-color: red; color:white}

这是下面代码的当前输出 .

(正如你从代码中看到的那样，我通过从SO获取Q＆A的各个部分来创建Frankenstein的怪物，所以如果有更好的方法我会非常感激它 . )

兆瓦

library(shiny)

ui

list(

tags$head(HTML('')),

tags$style(HTML("

.navbar .navbar-nav {float: right;

color: #ff3368;

font-size: 38px;

background-color: #FFFF00 ; }

.navbar .navbar-header {float: left; }

.navbar-default .navbar-brand { color: #ff3368;

font-size: 38px;

background-color: #FFFF00 ;}

"))),

navbarPage(

title=div(img(src="Rplot.png"), "My Title in the Navbar"),

tabPanel("One"),

tabPanel("Two")

))

server

shinyApp(ui, server)