Как изменить атрибуты отображения КОНКРЕТНЫХ вкладок при использовании tabPanel в navbarPage

В этом примере

library(shiny)
ui <- fluidPage(
  tags$style(type = 'text/css', HTML('.navbar {background-color: red;}')),
  navbarPage("",
    tabPanel("Tab 1", icon = icon("user")),
    tabPanel("Tab 2", icon = icon("cog")),
    tabPanel("Tab 3", icon = icon("sliders"))
  )
)
server <- function(input, output, session) {
}
shinyApp(ui, server)

Я хотел бы, чтобы Tab 3 был особенным, чтобы он отличался от остальных для:

  • цвет фона + цвет шрифта, когда он не наведен и не выбран
  • background-color + font-color при наведении
  • цвет фона + цвет шрифта при выборе
  • Полужирный шрифт

Для других вкладок я согласен с настройками по умолчанию.

Ни одна из тем, с которыми я столкнулся, напрямую не решает эту проблему для меня, у которого нет опыта работы с HTML или CSS. Некоторые решили часть проблемы для tabsetPanel, но не для navbarPage.

Любой совет или перенаправление на учебник для чайников было бы достаточно приятно.

Спасибо!


person Matthew Hui    schedule 23.04.2018    source источник
comment
Вы также можете проверить этот ответ   -  person A. Suliman    schedule 23.04.2018


Ответы (1)


person    schedule
comment
А. Сулиман, это было очень полезно - спасибо! Знаете ли вы, можно ли одновременно настроить таргетинг на две определенные вкладки (т.е. data-value = 'Tab 3' & 'Tab4'? Я пытался понять это, но до сих пор должен отделить код css для два на две разные строки. - person seabass20; 10.04.2020
comment
@ seabass20 пожалуйста, попробуйте одно из предложенных здесь решений выбрать несколько значений атрибута? - person A. Suliman; 10.04.2020
comment
Вот еще одна полезная ссылка css-tricks.com/almanac/selectors/a/attribute - person A. Suliman; 10.04.2020
comment
Отлично, это определенно помогло! Спасибо еще раз! - person seabass20; 11.04.2020