如何在材质用户界面中使用withStyles覆盖引导类

时间:2019-08-23 12:03:31

标签: reactjs twitter-bootstrap material-ui react-bootstrap react-with-styles

我想覆盖一些引导类,目前我正在使用材质UI的withStyles,我可以为自己的类编写Js格式的CSS,但是我想覆盖一些按钮,容器等的引导类。在材料用户界面中,它将动态生成类名称。我可以使用scss,但是我在应用程序中使用主题转换器。

除了使用材料UI的withStyles覆盖引导类之外,我都是这样。

2 个答案:

答案 0 :(得分:0)

用HTML标签包裹引导类,并为HTML标签编写CSS。例子

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


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

答案 1 :(得分:0)

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

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

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