0

введите сюда описание изображенияВсем привет. Подскажите, как можно сбросить стили у компонента (в моем примере это Link), например, через makeStyles? Чтобы у ссылки были дефолтные браузерные стили, а не материаловские.

2
  • А для чего вы используете mui, если вам не нужны стили от него? 11 мар 2022 в 7:35
  • Вот есть такая необходимость.
    – Nikolay
    11 мар 2022 в 7:37

1 ответ 1

0

Если вам нужно сделать это только с одной ссылкой то подойдет такой вариант:

const useStyles = makeStyles((theme) => ({
  root: {
    margin: "unset",
    color: "unset"
  },
  underlineHover: {
    textDecoration: "unset"
  }
}));

...

<Link
 href="#"
 classes={{
   root: classes.root,
   underlineHover: classes.underlineHover
 }}
>
   Link
</Link>

https://codesandbox.io/s/gracious-wu-e89l1y

А если требуется поменять для всех ссылок, то необходимо все тоже самое определить глобально в теме. Но я бы все же посоветовал не использовать стилизованные компоненты когда они должны выглядеть как не стилизованные.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.