更改 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 的文檔對我幫助不大，我不知道要導入什么。 而我的好朋友谷歌這次沒有成功。 我找到了一些接近的答案，但一個是覆蓋所有組件的主題， 另一個沒有告訴導入什么（我想這對我來說是缺失的部分）。

Answer 1

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

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

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

就這么簡單:)