【Element】调整 el-select 高度之后 箭头错位问题解决
在调整 el-select 或者 input 高度,比如
.el-input__inner {
width: 272px;
height: 32px;
border: 1px solid #e0e0e0 !important;
}
成功之后,el-select箭头错位,情况类似如下图
解决方法
恢复el-input__icon的height原属性,同时借助相对定位完成位置移动。
.el-input__icon {
height: 40px; // 设置高度,icon元素恢复原来的高度,这时arror才能垂直居中
position: relative;
top: -7px; // 元素整体上移,需要自己调整,让箭头也居中
}