如何改变纸张的风格选择材料ui

Question

我试图在Select中更改纸张的样式，但只能更改全局纸张的样式：

MuiPaper: {
styleOverrides: {
root: {
border: "1px solid red",
},
},
},

是否可能只更改"选择纸张"？像这样？

MuiSelect: {
MuiPaper: {
styleOverrides: {
root: {
border: "1px solid red",
},
},
},
},

Answer 1

一种方法是使用MenuProps，如下面的示例

<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value="10"
label="Age"
MenuProps={{
PaperProps: {
sx: {
border: '1px solid red',
},
},
}}
>
<MenuItem value={10}>Ten</MenuItem>
<MenuItem value={20}>Twenty</MenuItem>
<MenuItem value={30}>Thirty</MenuItem>
</Select>