【问题标题】:Change the color of action button in shiny更改闪亮的动作按钮的颜色
【发布时间】:2016-02-10 17:58:06
【问题描述】:

我正在尝试将操作按钮的颜色从灰色更改为橙​​色。

actionButton("run","Run Analysis")

(这是server.R。)可以改变它的颜色吗?

【问题讨论】:

标签: r shiny


【解决方案1】:

下面,我让你的操作按钮看起来像一个提交按钮(还添加了一个font-awesome icon):

actionButton("run", "Run Analysis", icon("paper-plane"), 
    style="color: #fff; background-color: #337ab7; border-color: #2e6da4")

【讨论】:

  • 你知道有没有办法以这种方式为:hover添加样式?
  • 为什么这种风格参数也不适用于所有其他输入,你知道吗?
  • @BigDataScientist 实际上经常这样做,但很大程度上取决于实际的构造函数。而且你需要在里面使用正确的标签。
  • @Batanichek 如果您从未找到答案:请在 Rmlu 接受的答案下查看我的评论。
【解决方案2】:

正如@MLavoie 提到的,您可以使用tags$head 将CSS 嵌入到闪亮的应用程序中。试试这个:

library(shiny)

ui <- shinyUI(fluidPage(
  tags$head(
    tags$style(HTML('#run{background-color:orange}'))
  ),
  actionButton("run","Run Analysis")
))
server <- shinyServer(function(input, output) {

})
shinyApp(ui, server)

如果您不熟悉 CSS,w3schools 提供了非常好的和简单的教程。

【讨论】:

  • 要添加悬停样式,请使用tags$style(HTML('#run{background-color:orange} #run:hover{background-color:red}))。
【解决方案3】:

您可以在 class 属性中使用 boostrap 颜色:

actionButton("run","Run Analysis", class = "btn-warning")

这些只是基本颜色,但对于图形标准非常有用。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2021-07-12
  • 2022-10-13
  • 1970-01-01
  • 1970-01-01
  • 2021-11-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多