我一直在try 将2个MUI输入放在同一标签下，以创建自定义域.我通过将字段包装在另一个文本字段中作为div找到了解决方案，但这对边框有一些不想要的影响.
我现在的田地看起来就像这样，这很完美.
当我突出显示文本字段时，边框是正确的:
但是，当我突出显示SELECT字段时，我会得到以下结果:
正如您所看到的，当 Select 被聚焦时，两个Textfield周围的边框在不应该显示的时候是可见的.
当 Select 字段被聚焦时，有没有人可以帮助您隐藏Textfield周围的边框？
我一直在try 将2个MUI输入放在同一标签下，以创建自定义域.我通过将字段包装在另一个文本字段中作为div找到了解决方案，但这对边框有一些不想要的影响.
我现在的田地看起来就像这样，这很完美.
当我突出显示文本字段时，边框是正确的:
但是，当我突出显示SELECT字段时，我会得到以下结果:
正如您所看到的，当 Select 被聚焦时，两个Textfield周围的边框在不应该显示的时候是可见的.
当 Select 字段被聚焦时，有没有人可以帮助您隐藏Textfield周围的边框？
try 对Textfield执行以下操作:
<TextField
...
sx={{
width: "30%",
"& .MuiOutlinedInput-root": {
"& fieldset": {
border: "none",
},
"&.Mui-focused fieldset": {
border: "none",
},
"&:hover fieldset": {
border: "none",
},
},
}}
/>
默认情况下，这会将边框设置为None，当输入被聚焦或悬停时也是如此.你可以在这CodeSandbox中看到它.