当前位置: 首页 > 知识库问答 >
问题:

如何在R Shiny中改变盒子的折叠/展开按钮的颜色?

孟茂
2023-03-14

我不知道如何更改可折叠框的+/-按钮的颜色。我想把白色按钮改成黑色。下面是示例代码:

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)

多谢!

共有1个答案

邵赞
2023-03-14

以下是使用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描述。

然后,将此CSS代码放入标记$style中,如上面的示例所示,并添加一些参数对其进行自定义。在CSS上有许多在线资源。

.fa, .fas {
   font-weight: 900;
}
 类似资料:
  • 在我的程序中,我有两个按钮:第一个改变框架背景,第二个改变按钮背景(只为自己)。重点是程序应该为程序中的每个按钮改变按钮背景(不仅仅是为它自己)。我应该怎么重写对话框?

  • 这不起作用。如何改变浮动动作按钮的背景颜色

  • 问题内容: 我已经成功创建了一个函数来切换我的各个行以使用以下方式打开和关闭: 和 有关更多代码,请参见plunkr。请注意,“菜单”中的展开/折叠按钮。 但是,我现在想不出一种方法来打开和关闭所有行。我希望能够以某种方式在行上运行for循环,然后在需要时调用toggle,但是我这样做的尝试失败了。在下面看到它们: 关于如何正确切换所有行的任何想法? 问题答案: 将该指令与和指令结合使用,我们可以

  • 我想知道如何在android中更改单选按钮的圆圈和边框的颜色。请帮我试了两天。

  • 问题内容: 我尝试使用以下条件创建折叠并展开侧面菜单- 页面加载时,第一项(圆形)将处于展开视图中。一个项目可以一次扩展,例如,如果用户单击第二个项目(“规范”),则第一个项目将折叠。我还希望在收起/展开交易过程中使用一些CSS动画,例如平稳地向下/向上调整每个项目的主体部分并更改箭头图标。我的方法是动态地在每个项目()上添加/删除CSS类,例如- 因此,当一个项目处于展开视图时,它应类似于上一类

  • 我有一个带有多个视图保持器的RecyclerView适配器。每个ViewHolder都有一个标题TextView和一个嵌套的RecyclerView,工作正常。但我想实现一个扩展/折叠函数,这样嵌套的RecyclerView就可以隐藏,直到单击标题为止。我使用此方法RecyclerView展开/折叠项目。它可以工作,但当我单击标题以展开嵌套的RecyleView时,recyclerview不会填充