material-ui：需要帮助隐藏 <Select> 中的下拉图标

Question

我正在使用 material-ui 中的 Select 组件。在 material-ui 的文档中，据说您可以使用标签 sx={{ ... }} 从组件中覆盖 CSS。我需要使用“.MuiSvgIcon-root-393”的类名来设置组件的样式，它是 'Select' 的 SVG 子项，并且是下拉图标。这是我的尝试，但没有用：

import { Select } from '@material-ui/core'

<Select
    sx={{
      '.MuiSvgIcon-root-393': {
        visibility: 'hidden'
      }
    }}
>
    ....
<Select/>

我真正想做的是隐藏 Select 箭头。

对于如何进行此操作，我将不胜感激，and/or 任何提示。

Answer 1

认为这会解决您的问题。

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

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

material-ui：需要帮助隐藏 <Select> 中的下拉图标

material-ui: need help hiding dropdown icon in <Select>

css

reactjs

material-ui