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

利用深度选择器调整el-select高度

::v-deep {
  height: 30px;
}

成功之后，el-select箭头错位，情况如下图

解决方法：修改el-input__icon的height属性，同时借助相对定位完成位置移动。

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