关于vue.js:Vue-调整elselect高度之后-箭头错位问题解决

利用深度选择器调整el-select高度
::v-deep {
height: 30px;
}
胜利之后,el-select箭头错位,状况如下图

解决办法:批改el-input__icon的height属性,同时借助绝对定位实现地位挪动。
.el-input__icon {
height: 44px; //设置高度,icon元素复原原来的高度,这时arror能力垂直居中
position: relative;
top: -7px; // 元素整体上移,让箭头也居中
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理