如何在R Shiny中更改框的折叠/展开按钮的颜色?

b

我无法弄清楚如何更改可折叠框的+/-按钮的颜色。我想将白色按钮更改为黑色。下面是示例代码:

library(shiny)
library(shinydashboard)

body <- dashboardBody(
  fluidRow(
    box(status = "info", solidHeader = TRUE, title = "Background - Hypothetical Life", width = "auto", collapsible = TRUE, collapsed = TRUE,
            h5("sample text"))))

ui <- dashboardPage(
  dashboardHeader(title = "Box"),
  dashboardSidebar(),
  body
)

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

非常感谢!

布雷泰夫

使用CSS的方法如下:

library(shiny)
library(shinydashboard)

body <- dashboardBody(
  tags$style(
    type = 'text/css',
    '.fa, .fas {
      font-weight: 900;
      color: black;
    }'
  ),
  fluidRow(
    box(status = "info", solidHeader = TRUE, 
        title = "Background - Hypothetical Life", 
        width = "auto", collapsible = TRUE, collapsed = TRUE,
        h5("sample text"))))

ui <- dashboardPage(
  dashboardHeader(title = "Box"),
  dashboardSidebar(),
  body
)

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

就像在这个答案中说的那样,当您想更改CSS样式但不真正了解CSS时(像我一样),请在浏览器中启动应用程序,执行“检查元素”(右键单击或按Ctrl + Shift + C ),然后检查“检查器”。它将显示每个元素的CSS描述。

然后,tags$style像上面的示例一样,将此CSS代码放入其中,并添加一些自定义参数。CSS上有很多在线资源。

例如,在上面的示例中,我在“检查器”中看到了图标CSS样式是:

.fa, .fas {
   font-weight: 900;
}

因此,我只将其放在中tags$style,然后搜索修改图标颜色所需的参数。对另一篇文章的回答为我提供了解决方案:您需要添加color

希望这可以帮助

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Virtual Treeview中隐藏展开/折叠按钮?

来自分类Dev

如何在QTreeWidget中更改默认的展开/折叠子项?

来自分类Dev

当我在iOS中展开和折叠TableList单元格时如何更改UILabel文本颜色

来自分类Dev

如何在javascript中更改按钮颜色?

来自分类Dev

如何在R中更改字体颜色?

来自分类Dev

如何在PyGame中实现选项按钮并更改按钮颜色?

来自分类Dev

如何在Shiny Dashboard中更改textInput的标签颜色

来自分类Dev

如何在 R Shiny 中对 timevis 绘图进行颜色编码

来自分类Dev

如何在材质的TreeView的右侧更改折叠/展开图标?

来自分类Dev

如何在kivy中更改gridLayout中特定按钮的颜色

来自分类Dev

如何在 iOS 中的 webview 中更改按钮的背景颜色

来自分类Dev

如何在 Flutter 中更改 CupertinoNavigationBar 中后退按钮的颜色

来自分类Dev

如何在R Shiny中实现重置按钮?

来自分类Dev

如何在 R Shiny 中添加“返回页面顶部”按钮?

来自分类Dev

如何在R Shiny中添加更大的textInput框?

来自分类Dev

如何在R Shiny中添加更大的textInput框?

来自分类Dev

在R Shiny中更改通知的颜色

来自分类Dev

更改R Shiny中selectizeInput选项的颜色

来自分类Dev

如何在R中更改bplot中的颜色渐变

来自分类Dev

如何在我的引导程序3导航栏中打开仅折叠折叠时如何切换按钮的颜色

来自分类Dev

如何在导航栏中更改后退按钮的颜色?

来自分类Dev

如何在WPF中更改按钮的内容“颜色”

来自分类Dev

如何在按钮悬停属性中更改文本颜色

来自分类Dev

如何在Android中更改单选按钮的文本颜色?

来自分类Dev

如何在iOS中更改UIAlertAction按钮的颜色?

来自分类Dev

如何在Swift中更改UISearchBar上的“取消”按钮的颜色

来自分类Dev

如何在React中动态更改按钮的大小和颜色

来自分类Dev

如何在Unity中更改按钮的文本和图像颜色?

来自分类Dev

如何在React JS中更改按钮onClick的背景颜色?

Related 相关文章

  1. 1

    如何在Virtual Treeview中隐藏展开/折叠按钮?

  2. 2

    如何在QTreeWidget中更改默认的展开/折叠子项?

  3. 3

    当我在iOS中展开和折叠TableList单元格时如何更改UILabel文本颜色

  4. 4

    如何在javascript中更改按钮颜色?

  5. 5

    如何在R中更改字体颜色?

  6. 6

    如何在PyGame中实现选项按钮并更改按钮颜色?

  7. 7

    如何在Shiny Dashboard中更改textInput的标签颜色

  8. 8

    如何在 R Shiny 中对 timevis 绘图进行颜色编码

  9. 9

    如何在材质的TreeView的右侧更改折叠/展开图标?

  10. 10

    如何在kivy中更改gridLayout中特定按钮的颜色

  11. 11

    如何在 iOS 中的 webview 中更改按钮的背景颜色

  12. 12

    如何在 Flutter 中更改 CupertinoNavigationBar 中后退按钮的颜色

  13. 13

    如何在R Shiny中实现重置按钮?

  14. 14

    如何在 R Shiny 中添加“返回页面顶部”按钮?

  15. 15

    如何在R Shiny中添加更大的textInput框?

  16. 16

    如何在R Shiny中添加更大的textInput框?

  17. 17

    在R Shiny中更改通知的颜色

  18. 18

    更改R Shiny中selectizeInput选项的颜色

  19. 19

    如何在R中更改bplot中的颜色渐变

  20. 20

    如何在我的引导程序3导航栏中打开仅折叠折叠时如何切换按钮的颜色

  21. 21

    如何在导航栏中更改后退按钮的颜色?

  22. 22

    如何在WPF中更改按钮的内容“颜色”

  23. 23

    如何在按钮悬停属性中更改文本颜色

  24. 24

    如何在Android中更改单选按钮的文本颜色?

  25. 25

    如何在iOS中更改UIAlertAction按钮的颜色?

  26. 26

    如何在Swift中更改UISearchBar上的“取消”按钮的颜色

  27. 27

    如何在React中动态更改按钮的大小和颜色

  28. 28

    如何在Unity中更改按钮的文本和图像颜色?

  29. 29

    如何在React JS中更改按钮onClick的背景颜色?

热门标签

归档