如何自定义oj-button的颜色？

Question

我在自定义 oj-button 定义的一个按钮的颜色时遇到问题：

<div id='buttons-container'>
       <oj-button id='in'
       style="background-color: #670067;">My Button</oj-button>
</div>

我想改变按钮的颜色，但是没有用。

我们有什么简单的方法可以改变oj-button的颜色吗？

提前致谢！

Answer 1

你的尝试是行不通的；没有简单的方法来更改 OJET 按钮的颜色。

OJET 给你两个选择：

使用 primary 和 confirm 类得到蓝色和绿色。 Demo.
使用他们的 Themebuilder 工具创建您自己的主题。您在这里有很大的自由来更改颜色、尺寸、字体、阴影等。但是如果您只想更改 1 个按钮的颜色，则需要做很多工作。

Answer 2

推荐这个demo

使用您喜欢的颜色创建 CSS class 并应用于任何 JET 按钮。

Answer 3

JET 提供了一个 SASS mixin（尽管您不必使用它）来覆盖按钮颜色，请参阅此处的食谱示例：https://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=buttonStyling&demo=customcolors

How to customize the color of oj-button?