html - 为单个 bsTooltip (shinyBS) 元素设置样式
问题描述
我正在尝试通过shinyBSbsTooltip()
包的功能向闪亮应用程序中的不同操作按钮添加一些工具提示,并且我想仅修改特定工具提示框的宽度。为此,我可以在 UI 的开头指定 HTML 标记并直接修改 CSS,但如果我使用简单元素,我会修改代码中每个工具提示的宽度:.tooltip {...}
您可以在下面找到一个带有两个不同操作按钮的最小可重现示例:
library(shiny)
library(shinyBS)
library(shiny)
ui <- fluidPage(
tags$head(tags$style(HTML(".tooltip {width: 300px;}"))),
br(),
actionButton(inputId = "button1",
label = "First"),
bsTooltip(id = "button1",
title = "Bonjour!",
placement = "right",
trigger = "hover"),
br(),
br(),
actionButton(inputId = "button2",
label = "Second"),
bsTooltip(id = "button2",
title = "Hello!",
placement = "right",
trigger = "hover")
)
server <- function(input, output, session) {
}
shinyApp(ui, server)
我以前也遇到过这种情况,例如当我不得不修改特定小部件的占位符的颜色时textInput()
。为此,在我的HTML()
函数中我指定:
tags$head(tags$style(HTML("#textinput_ID::placeholder {color: #EEE1525;}")))
但这在这种情况下似乎不起作用。
非常感谢你的帮助!
解决方案
你可以用一个 id 包裹你的and actionButton
。现在您可以通过它的 id 选择它,并且只在里面设置工具提示的样式。bsTooltip
div
div
library(shiny)
library(shinyBS)
ui <- fluidPage(
tags$head(tags$style(HTML("#button1_div .tooltip {width: 300px;}"))),
br(),
div(id='button1_div',
actionButton(inputId = "button1",
label = "First"),
bsTooltip(title = "Bonjour!",
placement = "right",
trigger = "hover")),
br(),
br(),
actionButton(inputId = "button2",
label = "Second"),
bsTooltip(id = "button2",
title = "Hello!",
placement = "right",
trigger = "hover")
)
server <- function(input, output, session) {
}
shinyApp(ui, server)
推荐阅读
- json - 推送到 Heroku 时,纱线安装一直在循环
- ios - App Store应用需要用苹果最新的代码签名证书重新签名
- android - 我可以通过“使用 Apple ID 登录”获取用户的电话号码以进行电话验证吗?
- swift - 无法访问 MTKView
- sql - 如何让我的 PostgresSQL 成功执行调用?
- google-api-js-client - gapi - 如何查看所有电子表格
- python-3.x - 从#1comment 到 #2nd comment 逐行读取文件
- node.js - 未捕获的 ReferenceError:添加 react-hot-loader babel 插件后未定义进程(来自 NodeJS.Process)
- json - ValueNotifier 未处理的异常:类型“String”不是“index”类型“int”的子类型
- python - 'can' BLFReader 函数的 Python 属性错误