在闪亮的情况下更改动作按钮的颜色

Sam*_*ton 32 r shiny

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

actionButton("run","Run Analysis")
Run Code Online (Sandbox Code Playgroud)

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

Meg*_*ron 70

下面,我已经让你的动作按钮看起来像一个提交按钮(还添加了一个字体 - 真棒图标):

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

  • 也许你知道有没有办法以这种方式为 `:hover` 添加样式? (2认同)

Osk*_*smo 19

正如@MLavoie所提到的,你可以在你的闪亮应用中嵌入CSS tags$head,试试这个:

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)
Run Code Online (Sandbox Code Playgroud)

如果你对CSS不熟悉,w3schools有非常好的和简单的教程.

  • 要添加悬停样式,请使用类似 `tags$style(HTML('#run{background-color:orange} #run:hover{background-color:red}`)) 的内容。 (2认同)

Cle*_*ang 11

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

actionButton("run","Run Analysis", class = "btn-warning")
Run Code Online (Sandbox Code Playgroud)

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

  • https://getbootstrap.com/docs/4.0/components/buttons/ 了解更多选项! (8认同)