为什么输入字段悬停时显示两个边框？

Question

你能告诉我为什么悬停输入框时会显示两条边框吗？看我的形象

我正在使用 react+ material 和 react 。这是我的代码 https://codesandbox.io/s/kxx08jo487

我只想要一个边框red。我试过了

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

Answer 1

嗨，快乐，因为 Material UI 一直在迅速发展。文档中反映了 API 的巨大变化。我们在 formControl 中使用 formLabel 来利用 JSS。

why two border showing on hover of input field?