我挣扎着去掉& 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去修复它。