Javascript Material Dashboard React Select 输入不显示箭头图标

<Box sx={{ width: "auto" }}>
    <FormControl fullWidth>
        <TextField
            select
            labelId="demo-simple-select-label"
            id="demo-simple-select"
            value={gender}
            label="Gender"
            onChange={(e) => setGender(e.target.value)}
        >
            <MenuItem value="Male">Male</MenuItem>
            <MenuItem value="Female">Female</MenuItem>
        </TextField>
    </FormControl>
</Box>                      

<MDBox mb={2}>
  <MDInput
    size="large"
    select
    labelId="demo-simple-select-label"
    id="demo-simple-select"
    //value={gender}
    label="Gender"
    InputProps={{
      classes: { root: "select-input-styles" },
    }}
    fullWidth
  >
    <MenuItem value="Male">Male</MenuItem>
    <MenuItem value="Female">Female</MenuItem>
  </MDInput>
</MDBox>

.select-input-styles {
    padding: 12px 0;
}

.select-input-styles svg {
    display: block;
    width: 2em;
    height: 2em;
    top: calc(50% - 1em);
}

...
...
import "./inputCustomStyles.css";

Javascript相关问答推荐

JavaScript文本区域阻止KeyDown/KeyUp事件本身上的Alt GR +键组合

是什么原因导致此Angular 16电影应用程序中因类型错误而不存在属性？

我的服务工作器没有连接到我的Chrome扩展中的内容脚本.我该怎么解决这个问题？

Ember.js 5.4更新会话存储时如何更新组件变量

使用Java脚本导入gltf场景并创建边界框

为什么这个.add.group({})在教程中运行得很好，但在我的游戏中就不行了？

Reaction Redux&Quot；在派单错误中检测到状态Mutations

触发异步函数后不能显示数据

在D3条形图中对具有相同X值的多条记录进行分组

如何使用Astro优化大图像？

为列表中的项目设置动画

在JS/TS中将复杂图形转换为数组或其他数据 struct

使用API调用的VUE 3键盘输入同步问题

Chart.js Hover线条在鼠标离开时不会消失

P5play SecurityError：无法从'；窗口'；读取命名属性'；Add'；：阻止具有源的帧访问跨源帧

当S点击按钮时，我如何才能改变它的样式？

如何用react组件替换dom元素？

：host：：ng-Deep不将样式应用于material 复选框

如何从嵌套的json中获取最大值

在openstreemap/leaflet中，当鼠标在 map 上移动时，如何在小工具提示中实时显示坐标