如何從 MUI 文本字段中刪除邊框

Question

我使用了 Material UI 中的 Input 字段。 我想從中刪除邊框。 我嘗試過使用border="none" ，但沒有刪除。

截屏

Answer 1

將變體道具更改為填充或標准

你越能使用mui 樣式而不是用自定義 CSS 覆蓋它，你就越快樂。

Answer 2

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

這將解決問題。 但是，一旦執行此操作，內置填充就會發生變化； 使用一些 css 根據您的 UI 進行設置。