Блог

Главная - Вопросы по программированию - Как применить встроенный css в кнопке с помощью Material UI

Как применить встроенный css в кнопке с помощью Material UI

#material-ui #react-material

#материал-пользовательский интерфейс #реагировать-материал

Вопрос:

 const styles = {
    bgColor:{
        backgroudColor: '#f9a825'
    }
}

<Button color='primary' classes={fab:classes.bgColor} variant="fab" aria-label="Checkout"> Click Here </Button>

Здесь я хочу изменить цвет фона. его применение, но оно отдает приоритет тематическому css.

Ответ №1:

  1. classes Prop применяется неправильно.
  2. Вам даже не следует использовать, classes поскольку вы, похоже, ничего не вводите; вы должны использовать style .
 <Button color="primary"
        style={styles.bgColor}
        variant="fab"
        aria-label="Checkout">
    Click Here
</Button>

Если вы действительно внедряете classes в свой компонент, вы используете его следующим образом:

 <Button color="primary"
        classes={{ fab: classes.bgColor }}
        variant="fab"
        aria-label="Checkout">
    Click Here
</Button>