如何在材料 UI 中使用 withStyles 覆盖引导类

Question

我想覆盖一些引导类。目前我正在使用材料UI的样式，我可以为我自己的类编写JS格式的css。但是我想覆盖某些按钮、容器等的引导类......在材料UI中，它将动态生成类名。我可以使用 scss，但我在我的应用程序中使用主题更改器。

除了通过使用材料UI的样式来覆盖引导类。

Answer 1

用 HTML 标记包装引导类并为 HTML 标记编写 CSS。例

<div className="customButtonWrapper">        //JSX file
<BootstrapButton></BootstrapButton>
</div>

.customButtonWrapper {                         //CSS file
>button {
background-color: red !important
}
}

Answer 2

通过在js中使用css的全局样式，我们可以覆盖任何第三方库的样式。

请参阅以下链接以覆盖全局样式

https://material-ui.com/customization/globals/#global-css

Answer 3

你可以在 js 中使用模板文字：

<span className={`mt text_bold ${classes.loginTitle }`}>Login to Synapse</span>