更改 Office UI Fabric React 组件的颜色答案

【问题标题】：Changing the color of Office UI Fabric React components更改 Office UI Fabric React 组件的颜色
【发布时间】：2018-04-10 08:22:21
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

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

然后你可以使用以下内容：

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

就这么简单:)

【讨论】：