Question

我使用React-Toolbox's buttons，纯粹是因为它们具有很好的连锁反应。我希望能够为它们设计样式，或为它们添加新图标，但它们对变化具有难以置信的抵抗力。一，造型问题;我想让它们变成非蓝色，自定义尺寸，字体等。真的我只想保持涟漪效果。文档本身说使用<Button type="button" className='randomButton' onClick={this.handleRandomButtonClick}>Random Card</Button>来做自定义样式，所以好吧，我这样做。

＆＃13;

.randomButton {
    background-color: #abcdef;
    color: #7B8585;
    opacity: 0.5;
    font-family: 'Dosis';
}

＆＃13;

Button.randomButton

＆＃13;

我也尝试了<a href="https://www.telegram.me/shadyab_deal"> <div id="mob_link" class="home_right_banner_mob"> <a href="https://www.telegram.me/shadyab_deal"> <img width="360px" height="130px" src="http://www.shadyab.com/assests/images/ic_mob_telegram.jpg"/> </a> </div> </a> css选择器。目前，按钮只显示黑白，并采用Arial字体。样式在styles.scss文件中，我使用webpack加载所有这些，不确定是否会产生影响。

Answer 1

在react-toolbox-examples git repo：

中找到答案

＆＃13;

import style from './style';
<Button type="button" className={style.button} onClick={this.handleRandomButtonClick}>Random Card</Button>

＆＃13;

.button {
    background-color: #abcdef;
    color: #7B8585 ;
    opacity: 0.5;
    font-family: "Dosis";
}

＆＃13;

Trick是定义从.scss样式表导入的按钮的className。然后在样式表中，您可以使用新样式执行.button，可能还需要将一些标记为important!。但我终于可以覆盖默认的东西了。

使用React-Toolbox的样式按钮不起作用

1 个答案: