更改Office UI Fabric React组件的颜色

Question

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

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

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

MS's documentation对我帮助不大，我不知道要导入什么。而这次我的好朋友谷歌还没有完成这个伎俩。我找到了一些很接近的答案，但是one用于覆盖所有组件的主题，而another并没有告诉我要导入的内容（我猜这是我缺少的部分）。

Answer 1

从'office-ui-fabric-react / lib / Button'导入{DefaultButton};

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

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

就这么简单：）