【问题标题】:R Shiny - change color of text in navbarPageR Shiny - 更改 navbarPage 中文本的颜色
【发布时间】:2017-04-16 09:12:58
【问题描述】:

我实现了使用 css 样式更改导航栏的背景颜色,而不是文本的颜色... 我将下面的基本示例复制到我的代码中。

ui <- function(){

  bootstrapPage('',

      navbarPage(title = 'Hello'),

      tags$style(type = 'text/css', '.navbar { background-color: #262626;
                                               font-family: Arial;
                                               font-size: 13px;
                                               color: #FF0000; }',

                                '.navbar-dropdown { background-color: #262626;
                                                    font-family: Arial;
                                                    font-size: 13px;
                                                    color: #FF0000; }'))

}

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


shinyApp(ui = ui, server = server)

【问题讨论】:

    标签: r shiny


    【解决方案1】:

    嗯,你只需要改变这个 css 的颜色。

    '.navbar-default .navbar-brand {
                             color: #cc3f3f;}'
    

    这里,我改成#cc3f3f,得到一个红色的文字。

       ui <- function(){
    
      bootstrapPage('',
    
                    navbarPage(title = 'Hello'),
    
                    tags$style(type = 'text/css', '.navbar { background-color: #262626;
                               font-family: Arial;
                               font-size: 13px;
                               color: #FF0000; }',
    
                               '.navbar-dropdown { background-color: #262626;
                               font-family: Arial;
                               font-size: 13px;
                               color: #FF0000; }',
    
                               '.navbar-default .navbar-brand {
                                 color: #cc3f3f;
                               }'
    
                               ))
    
    }
    
    server <- function(input, output, session){
    }
    
    
    shinyApp(ui = ui, server = server)
    

    【讨论】:

    • 感谢 Adelmo,但您没有回答我的问题。我想更改导航栏中字体的颜色(即“颜色:#FF0000”),而不是背景颜色。
    猜你喜欢
    • 2018-10-22
    • 2021-09-16
    • 2018-03-29
    • 2021-01-13
    • 2021-06-08
    • 2018-10-22
    • 2020-08-03
    • 2018-01-04
    • 2014-07-25
    相关资源
    最近更新 更多