【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