[英]Remove MUI Select Component's border after you click on it - React JS
我想在单击它后从 MUI 中删除 Select 上的边框,但我找不到合适的 CSS 来覆盖我设法删除了默认的边框,但在单击组件后没有删除蓝色的边框,如此沙箱中所示( https://codesandbox.io/s/autumn-bash-zgy4km?file=/demo.tsx )
你可以像这样删除它
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={age}
label="Age"
onChange={handleChange}
sx={{
borderRadius: 0,
"& .MuiOutlinedInput-notchedOutline": {
border: 0
},
"&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline": {
border: "none"
}
}}
>
这是工作代码和框
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.