如何自定义oj按钮的颜色？

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为您提供了两个选项：

1. 使用primary和confirm类获取蓝色和绿色。 Demo。
2. 使用他们的Themebuilder工具创建自己的主题。你在这里有很多自由来改变颜色，尺寸，字体，阴影等。但是如果你只是想改变1个按钮的颜色，它会有很多工作。

Themebuilder（右上方选项卡提供说明，几秒钟后如果没有显示则重新加载页面）：http://www.oracle.com/webfolder/technetwork/jet/public_samples/JET-Theme-Builder/public_html/index.html?viewer=true

Answer 2

请参阅此demo

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

Answer 3

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