reactjs - 更改 Office UI Fabric React 组件的颜色

Question

我正在 React 应用程序中制作 Office Fabric 面板，用作创建、更新和删除实体的表单。问题是在删除面板上，我希望主按钮为红色，而不是 Fabric 的标准蓝色。

如果可能的话，我相信这很容易，但是由于我对 HTML/CSS/JS 没有经验，我不知道该怎么做，并且想要一个使用内联 CSS 的解决方案。我想它看起来像这样：

<PrimaryButton onClick={ this._onDelete } style={{marginRight: '8px', backgroundColor:'alert', color: 'white'}} >Delete</PrimaryButton>

MS的文档对我帮助不大，我不知道要导入什么。而我的好朋友谷歌这次没有做到这一点。我找到了一些接近的答案，但一个是用于覆盖所有组件的主题，另一个没有说明要导入什么（我想这对我来说是缺失的部分）。

score 6 · Accepted Answer

import { DefaultButton } from 'office-ui-fabric-react/lib/Button';

然后，您可以使用以下内容：

<DefaultButton
    style={{backgroundColor:'black', color:'white'}}
    text='Accept'
/>

就这么简单:)

1 回答 1