我掙扎著去掉& lt選擇& gtReact材質UI庫中的組件。在下圖中，當& lt選擇& gt組件未選中，其周圍有一個黑色邊框/框架。

所述組件的代碼為:

<Box sx={{
                minWidth: 60,
            }}>
                <Select
                    value={this.state.lang}
                    onChange={this.handleChange}
                    sx={{
                        outline: 0,
                        border: 0,
                        boxShadow: 'none',
                        color: '#fff',
                    }}

                >
                    <MenuItem value={'en'}>EN</MenuItem>
                    <MenuItem value={'de'}>DE</MenuItem>
                </Select>
            </Box>

任何線索，我錯過了什么？我寧愿省略必須對整個& ltselect/& gt；。

提前謝謝大家了。

邊框在fieldset標記上。將其設置為“無”

<Select
  ...
  sx={{ '& > fieldset': { border: 'none' } }}
>
  <MenuItem value={'en'}>EN</MenuItem>
  <MenuItem value={'de'}>DE</MenuItem>
</Select>

可以通過變體道具來管理。它的默認值是概述，但有兩個其他選項填充和標準。最后兩個選項都沒有輪廓，但是有底部邊距，可以通過sx或css類來管理。 所以加上variant = & quot已填充& quot或者variant = & quot標準& quot去修復它。