为什么我的 CSS 在我的 R Shiny 应用程序中被忽略了？

Question

考虑我在此代表的信息图标上安装的工具提示：

library(shiny)
ui <- fluidPage(
  span(
    `data-toggle` = "tooltip",
    `data-placement` = "auto",
    `data-trigger` = "click hover",
    title = "I'm a tooltip!",
    icon("info-circle", style="font-size: 150%;")),

  tags$script(
    HTML(
      "$(function () { 
        $('[data-toggle=tooltip]').tooltip();   
      });"
    )
  ),
  
  tags$style(
    ".tooltip.inner{background-color:red !important;}"
  )
)

server <- function(input, output) {}
shinyApp(ui = ui, server = server)

工具提示内部区域的默认背景颜色为黑色。但是，我已经在 CSS 中应该 将默认值覆盖为红色，但它不是——它仍然是黑色。什么给了？我知道，从检查和谷歌搜索，

.tooltip.inner 

是正确的选择器。感觉我的 CSS 只是被...忽略了！我试过使用单独的 CSS 文件而不是通过样式标签执行此操作，但没有任何区别。这只是我的应用程序似乎忽略了我的 CSS 的最新示例，这让我觉得我缺少一些概念性的东西......