如何从 MUI 文本字段中删除边框

Question

我使用了 Material UI 中的 Input 字段。 我想从中删除边框。 我尝试过使用border="none" ，但没有删除。

截屏

Answer 1

将变体道具更改为填充或标准

你越能使用mui 样式而不是用自定义 CSS 覆盖它，你就越快乐。

Answer 2

<TextField 
   variant="standard"
   InputProps={{
     disableUnderline: "true"
   }}
/>

这将解决问题。 但是，一旦执行此操作，内置填充就会发生变化； 使用一些 css 根据您的 UI 进行设置。