时间戳

首页 > 解决方案 > 如何覆盖 Shinywidget 包中的 actionbttn 颜色？

r - 如何覆盖 Shinywidget 包中的 actionbttn 颜色？

问题描述

Shinywidget 包中的 actionbttn 只有几个按钮颜色选项。如何将其更改为默认未提供的其他颜色？

标签： rshinyshinydashboardshinywidgets

解决方案

例如，我将这个 actionBttn 包裹起来div()用于进一步的 CSS 样式：

div(class = "buttonagency",
actionBttn(inputId = "button.agency", label = "Agency",
style = "jelly", color = "primary",size = "sm"))

我选择“主要”作为我的默认颜色。您选择哪种默认颜色并不重要，只要您选择一种即可。

在我的 UI 末尾，我添加 tags$style()了我在闪亮仪表板中使用的所有 CSS 样式。为了改变按钮的颜色，我写下了 CSS 样式，首先是按钮的 CSS 类，.bttn以及我选择的默认颜色，然后是我希望它变成的任何颜色。它看起来像这样：

.buttonagency .bttn-primary{background-color: red;}

希望能帮助到你。

推荐阅读