วิธีเปลี่ยนคุณลักษณะการแสดงผลของแท็บ SPECIFIC เมื่อใช้ 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 เป็นพิเศษเพื่อให้ดูแตกต่างจากที่เหลือสำหรับ:

  • สีพื้นหลัง + สีตัวอักษร เมื่อไม่ได้โฮเวอร์และไม่ได้เลือก
  • สีพื้นหลัง + สีตัวอักษรเมื่อโฮเวอร์
  • สีพื้นหลัง + สีตัวอักษร เมื่อเลือก
  • แบบอักษรตัวหนา

สำหรับแท็บอื่นๆ ฉันก็โอเคที่จะยึดตามค่าเริ่มต้น

ไม่มีกระทู้ใดที่ฉันพบที่กล่าวถึงปัญหานี้โดยตรงสำหรับฉัน ซึ่งไม่มีพื้นหลัง HTML หรือ CSS ได้มีการแก้ไขปัญหาบางส่วนสำหรับ tabsetPanel แต่ไม่ใช่สำหรับ navbarPage

คำแนะนำหรือการเปลี่ยนเส้นทางไปยังบทช่วยสอนสำหรับหุ่นจำลองก็เพียงพอแล้ว

ขอบคุณ!


person Matthew Hui    schedule 23.04.2018    source แหล่งที่มา
comment
คุณยังตรวจสอบคำตอบนี้ได้อีกด้วย   -  person A. Suliman    schedule 23.04.2018


คำตอบ (1)


person    schedule
comment
A. Suliman สิ่งนี้มีประโยชน์มาก - ขอบคุณ! คุณรู้หรือไม่ว่าเป็นไปได้หรือไม่ที่จะกำหนดเป้าหมายสองแท็บพร้อมกัน (เช่น data-value = 'Tab 3' & 'Tab4' ฉันพยายามคิดออกแล้ว แต่จนถึงตอนนี้ต้องแยกโค้ด css สำหรับ ทั้งสองเป็นสองบรรทัดที่แตกต่างกัน - person seabass20; 10.04.2020
comment
ยินดีต้อนรับ @ seabass20 ลองใช้วิธีแก้ปัญหาที่นำเสนอที่นี่ CSS - วิธีการ เลือกค่าแอตทริบิวต์หลายรายการหรือไม่ - 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