почему две рамки отображаются при наведении на поле ввода?

Question

Подскажите, пожалуйста, почему две рамки отображаются при наведении курсора на поле ввода? увидеть мое изображение

Я использую react+ material с реакции. вот мой код https://codesandbox.io/s/kxx08jo487

Я хочу только одну рамку red. Я пытался вот так

root: {
    '&>div': {
      '&:hover': {
        borderBottom: '1px solid red',
      }
    },
  },

Мне нужна помощь по этой ссылке https://material -ui.com / настройки / переопределяет /

Answer 1

Привет радость с тех пор Материал UI быстро развивается. Существуют значительные изменения в API, которые отражены в документах. Мы используем formLabel внутри formControl, чтобы использовать JSS.

Вот рабочий код: Цвет рамки под заказ