Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 设置单个bsTooltip(shinyBS)元素的样式_Html_Css_R_Shiny_Shinybs - Fatal编程技术网

Html 设置单个bsTooltip(shinyBS)元素的样式

Html 设置单个bsTooltip(shinyBS)元素的样式,html,css,r,shiny,shinybs,Html,Css,R,Shiny,Shinybs,我正试图通过shinyBS包的bsTooltip()功能向我闪亮的应用程序中的不同操作按钮添加一些工具提示,我只想修改特定工具提示框的宽度。为此,我可以在UI的开头指定HTML标记并直接修改CSS,但如果我使用简单元素.tooltip{…}我会修改代码中每个工具提示的宽度: 下面,您可以找到具有两个不同操作按钮的最小可复制示例: library(shiny) library(shinyBS) library(shiny) ui <- fluidPage( tags$head(ta

我正试图通过shinyBS包的
bsTooltip()
功能向我闪亮的应用程序中的不同操作按钮添加一些工具提示,我只想修改特定工具提示框的宽度。为此,我可以在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)
但这在这种情况下似乎不起作用


非常感谢你的帮助

您可以使用id将
操作按钮
b工具提示
包装在
div
中。现在,您可以根据其id选择该
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)
库(闪亮)
图书馆(shinyBS)

谢谢你的回复。我是初学者。我希望您在这之后至少展示一个如何设计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)