材料-UI:需要帮助隐藏下拉图标<Select>



我正在使用从材料ui中选择组件。在material ui的文档中,据说可以使用标签sx={{…}}覆盖组件中的CSS。我需要为className为"的组件设置样式。MuiSvgIcon-root-393',它是"Select"的SVG子级,是下拉图标。这是我的尝试,但不起作用:

import { Select } from '@material-ui/core'
<Select
sx={{
'.MuiSvgIcon-root-393': {
visibility: 'hidden'
}
}}
>
....
<Select/>

我真正想做的是隐藏"选择"箭头。

我将感谢您对如何进行此操作的帮助,和/或任何提示。

认为这将解决您的问题。

github.com/mui/material-ui/issues/26473

看起来他们只是删除了图标,并调整了填充以回收它本来会占用的空间。

最新更新