Как можно переопределить классы начальной загрузки с withStyles в пользовательском интерфейсе материала

Question

Я хочу переопределить некоторые из классов начальной загрузки. В настоящее время я использую со стилями материала пользовательского интерфейса в этом я могу написать CSS в формате Js для своих собственных классов. Но я хочу переопределить классы начальной загрузки некоторых кнопок, контейнера и т. Д. В материале Пользовательский интерфейс будет генерировать имена классов динамически. Я могу сделать с scss, но я использую смену темы в моем приложении.

Я, кроме переопределения классов начальной загрузки, используя withStyles материала UI.

Answer 1

Оберните классы начальной загрузки тегом HTML и напишите CSS для тега HTML. пример

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


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

Answer 2

Используя глобальные стили css в js, мы можем переопределить стили любой сторонней библиотеки.

Пожалуйста, обратитесь к ссылке ниже для переопределения глобальных стилей

https://material-ui.com/customization/globals/

Answer 3

Вы можете использовать литерал шаблона в js:

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