elmentUI表单中input 和select长度不一致问题 您所在的位置:网站首页 select输入框下拉宽度保持一致 elmentUI表单中input 和select长度不一致问题

elmentUI表单中input 和select长度不一致问题

2024-07-08 17:46| 来源: 网络整理| 查看: 265

1.问题现象: 在这里插入图片描述

2.问题原因: 因为el-select右边有一个icon图标(右边的padding为35px),而el-input只有15px,所以就存在了一个宽度的误差. 在这里插入图片描述

在这里插入图片描述 3.解决方法: 方法一:当下拉列表 style="width:92%"时,可以与input输入框大小一致

方法二:使用占位图标:也在右边的位置默认追加一个图标,字体颜色设置为透明或背景色,使其看上去宽度相等 此方法问题:输入框字体过长时,在最右方的占位图标处无法显示。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有