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

【问题标题】：why two border showing on hover of input field?为什么在输入字段的悬停时显示两个边框？
【发布时间】：2019-02-10 06:36:48
【问题描述】：

您能告诉我为什么在输入字段的悬停上显示两个边框吗？看我的图片

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

感谢您的回答。抱歉，重播较晚..您的回答更好..您是否看到用户hoverinput 字段显示black 颜色我们可以删除吗跨度>
我们可以从所有显示的字段中删除字段的效果blackborder .it something theme
您好，我在答案中添加了悬停更改和更新的代码框链接。我们需要使用createMuiTheme 为我们所有想要的组件提供相同的css，并用MuiThemeProvide 包装我们的组件