0

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

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

我想要的是更改按钮的颜色，但它不起作用。

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

提前致谢！

4

3 回答 3

1

你正在尝试的东西是行不通的；没有简单的方法可以更改 OJET 按钮的颜色。

OJET 为您提供 2 个选项：

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

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

于 2018-04-01T06:36:59.273 回答
0

参考这个演示

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

于 2018-06-29T13:09:13.110 回答
0

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

于 2019-07-15T13:54:39.917 回答