如何去掉Mui（原Material UI）的TextField的边框

如上图，Mui 的TextField有三种默认样式，都是带有边框的，如果我们想实现下面这种不带边框，仅有背景色的输入框:

如何实现呢？你会发现在css里设置border样式是没用的。正确的设置是下面这样：

<TextField
    variant="standard"
    style={{borderRadius: "6px", background: "#f5f5f5"}}
    InputProps={{
        disableUnderline: true,
    }}
/>

关键是variant设置standard并且设置disableUnderline为true，这样就移除了边框。