【elementui】el-date-picker日期选择框,获取焦点后宽度增加问题调整

问题

做了一个日期选择框,发现获取鼠标焦点后,日期框的宽度会增加一点,显示了一个取消的x符号。

失去焦点后,宽度又变回来了。页面晃来晃去不好看

解决

bash 复制代码
                <el-date-picker 
                  v-model="formData.judgmentDate" 
                  type="date" 
                  placeholder="请选择判决日期" 
                  style="width: 100%;"
                  value-format="YYYY-MM-DD"
                  format="YYYY-MM-DD"
                />

将其中的style="width: 100%;" 删除即可固定宽度。

相关推荐
JarvanMo2 小时前
想让你的 Flutter UI 更上一层楼吗?
前端
soul g2 小时前
npm 包发布流程
前端·npm·node.js
踢球的打工仔2 小时前
jquery的基本使用(5)
前端·javascript·jquery
开发者小天2 小时前
react中的useDebounceEffect用法
前端·react.js·前端框架
想自律的露西西★2 小时前
js.39. 组合总和
前端·javascript·数据结构·算法
ttod_qzstudio2 小时前
事件冒泡踩坑记:一个TDesign Checkbox引发的思考
前端·javascript·vue.js·tdesign
IT_陈寒2 小时前
Vue3性能优化实战:这7个技巧让我的应用加载速度提升40%
前端·人工智能·后端
Reuuse2 小时前
登录突然失效:Axios 拦截器判空、localStorage 脏数据与环境变量踩坑
开发语言·前端
早川不爱吃香菜2 小时前
MCP 教程:将 Figma 设计稿转化为前端代码
前端·figma