You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Material UI 5.16.1版本中Date类型TextField出现嵌套边框问题求助

Material UI 5.16.1版本中Date类型TextField出现嵌套边框问题求助

我已经折腾好一阵了,各种排查就是想去掉这个Date类型TextField里的“框中框”(看下面的截图),但不管怎么调整都没法解决这个嵌套边框的问题。我现在用的是Material UI 5.16.1版本,具体依赖是"@mui/material": "^5.16.1"

我的日期输入框代码是这样写的:

import {
  TextField,
} from "@mui/material";

<TextField
    label="From Date"
    type="date"
    value={formattedFromDate}
    onChange={(e) => updateBlock(index, "fromDate", e.target.value)}
    InputLabelProps={{ shrink: true }}
    margin="normal"
    variant="outlined"
/>

有没有同行遇到过类似问题?求支招!


补充信息:

  • 没有自定义任何CSS类
  • 暂时不想用Material UI官方的Date Picker组件,因为升级到更高版本的MUI会搞坏我其他依赖,风险太大

Date类型TextField的嵌套边框效果:外部是Outlined样式的常规边框,内部的日期输入区域又多了一层额外的细边框

备注:内容来源于stack exchange,提问作者ASR4

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.15 12:59:28