【Element】调整 el-select 高度之后 箭头错位问题解决


在调整 el-select 或者 input 高度,比如

.el-input__inner {
	width: 272px;
	height: 32px;
	border: 1px solid #e0e0e0 !important;
}

成功之后,el-select箭头错位,情况类似如下图
image

解决方法

恢复el-input__icon的height原属性,同时借助相对定位完成位置移动。

.el-input__icon {
	height: 40px; // 设置高度,icon元素恢复原来的高度,这时arror才能垂直居中
	position: relative;
	top: -7px; // 元素整体上移,需要自己调整,让箭头也居中
}

参考文章

调整el-select高度之后 箭头错位问题解决


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM