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

Question

能告诉我为什么在输入字段的悬停处显示两个边框吗？ 看我的形象

我将react+ material与react一起使用。 这是我的代码 https://codesandbox.io/s/kxx08jo487

我只需要一个边界red。我这样做了

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

我从此链接获得帮助 https://material-ui.com/customization/overrides/

Answer 1

自材料用户界面以来，他的喜悦一直在迅速发展。文档中反映了API的巨大变化。我们在formControl中使用formLabel来利用JSS。

以下是工作代码：Border Color Customised