vue 調整 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高度之後 箭頭錯位問題解決

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章