使用javascript更改R闪亮中selectinput的背景颜色

Firmo23

我有一个简单的闪亮应用程序,我想在其中使用 javascript 将我的 selectInput() 的背景颜色从白色更改为橙​​色。是否有可能?我应该把callback论点放在哪里

#ui.r
library(shiny)
ui <- fluidPage(


  theme=shinytheme("slate") ,
  # App title ----
  titlePanel(uiOutput("title")),

  #This hides the temporary warning messages while the plots are being created
  tags$style(type="text/css",
             ".shiny-output-error { visibility: hidden; }",
             ".shiny-output-error:before { visibility: hidden; }"
  ),


  # Sidebar layout with input and output definitions ----
  sidebarLayout(

    uiOutput("menu"),



    # Main panel for displaying outputs ----
    mainPanel(

    )
  )
)
#server.r
server = function(input, output) {


  output$menu<-renderUI({

    sidebarPanel(width = 2,
                 selectInput("sel","",
                             choices = c("Home","About","Sector A","Sector B","Sector C"),
                             selected = "Home"),
                 tags$style(
                   "select#sel {background: #FFA500}"
                 )



    )
  })


}

如果你把它应该工作selectize = FALSE

默认情况下,selectInputselectize = TRUE它使用selectize.js。

因此,如果您按原样运行代码,那么您应该会看到您的选择显示为 display: none 在此处输入图片说明

所以你output$menu会像

  output$menu<-renderUI({

    sidebarPanel(width = 2,
                 selectInput("sel","",
                             choices = c("Home","About","Sector A","Sector B","Sector C"),
                             selected = "Home", selectize = FALSE),
                 tags$style(
                   "select#sel {background: #FFA500}"
                 )
    )
  })

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用闪亮的R中的selectInput选择记录日期

来自分类Dev

使用闪亮的R中的selectInput选择记录日期

来自分类Dev

使用JavaScript从下拉菜单中更改背景颜色

来自分类Dev

使用 javascript 更改动画背景中的渐变颜色

来自分类Dev

使用ID使用JavaScript更改背景颜色

来自分类Dev

如何在JavaScript中更改背景颜色?

来自分类Dev

在画布Javascript中更改div的背景颜色

来自分类Dev

使用JavaScript更改输入字段的背景颜色

来自分类Dev

使用javascript变量更改CSS背景颜色

来自分类Dev

使用javascript变量更改CSS背景颜色

来自分类Dev

OnClick使用javascript更改背景颜色

来自分类Dev

Javascript背景更改颜色

来自分类Dev

使用按钮更改Wordpress中的背景颜色

来自分类Dev

R闪亮-更改方向颜色滑块输入

来自分类Dev

R visNetwork 闪亮:更改所选节点的颜色

来自分类Dev

JavaScript; 背景颜色更改并使用相同的输入更改回

来自分类Dev

如何使用xul更改在firefox中添加的javascript中工具栏按钮的背景颜色

来自分类Dev

如何使用xul更改在firefox中添加的javascript中工具栏按钮的背景颜色

来自分类Dev

如何使用JavaScript / jQuery根据表中的值更改td背景颜色?

来自分类Dev

使用 javaScript 更改背景颜色(请不要使用 jQuery)?

来自分类Dev

JavaScript更改类的背景颜色

来自分类Dev

selectInput中的R闪亮自定义图标/图像

来自分类Dev

通过在javascript中单击btn更改主体背景颜色

来自分类Dev

如何在javascript中更改滚动时的背景颜色

来自分类Dev

使用Javascript更改背景颜色无法正常工作

来自分类Dev

Javascript使用列表项的功能和CSS更改背景颜色

来自分类Dev

使用JavaScript HTML DOM更改背景颜色的最佳方法

来自分类Dev

无法使用javascript回调更改主体背景颜色

来自分类Dev

如何使用Javascript和Ajax更改div背景颜色?

Related 相关文章

  1. 1

    使用闪亮的R中的selectInput选择记录日期

  2. 2

    使用闪亮的R中的selectInput选择记录日期

  3. 3

    使用JavaScript从下拉菜单中更改背景颜色

  4. 4

    使用 javascript 更改动画背景中的渐变颜色

  5. 5

    使用ID使用JavaScript更改背景颜色

  6. 6

    如何在JavaScript中更改背景颜色?

  7. 7

    在画布Javascript中更改div的背景颜色

  8. 8

    使用JavaScript更改输入字段的背景颜色

  9. 9

    使用javascript变量更改CSS背景颜色

  10. 10

    使用javascript变量更改CSS背景颜色

  11. 11

    OnClick使用javascript更改背景颜色

  12. 12

    Javascript背景更改颜色

  13. 13

    使用按钮更改Wordpress中的背景颜色

  14. 14

    R闪亮-更改方向颜色滑块输入

  15. 15

    R visNetwork 闪亮:更改所选节点的颜色

  16. 16

    JavaScript; 背景颜色更改并使用相同的输入更改回

  17. 17

    如何使用xul更改在firefox中添加的javascript中工具栏按钮的背景颜色

  18. 18

    如何使用xul更改在firefox中添加的javascript中工具栏按钮的背景颜色

  19. 19

    如何使用JavaScript / jQuery根据表中的值更改td背景颜色?

  20. 20

    使用 javaScript 更改背景颜色(请不要使用 jQuery)?

  21. 21

    JavaScript更改类的背景颜色

  22. 22

    selectInput中的R闪亮自定义图标/图像

  23. 23

    通过在javascript中单击btn更改主体背景颜色

  24. 24

    如何在javascript中更改滚动时的背景颜色

  25. 25

    使用Javascript更改背景颜色无法正常工作

  26. 26

    Javascript使用列表项的功能和CSS更改背景颜色

  27. 27

    使用JavaScript HTML DOM更改背景颜色的最佳方法

  28. 28

    无法使用javascript回调更改主体背景颜色

  29. 29

    如何使用Javascript和Ajax更改div背景颜色?

热门标签

归档