element-ui select选择框改变大小后箭头错位

问题描述

element-ui select选择框改变大小后箭头错位

解决方案：

 .el-select-dropdown__item{
	font-size: 20px !important;
 }
 //改变select框大小和其中文字大小
 .el-input__inner {
   font-size: 20px !important;
   height: 33px !important;
   line-height: 33px !important;
 }
 .el-select__caret {
   font-size: 25px !important;
 }
 //改变小箭头位置
 .el-input__icon {
   height: 40px; // 设置高度，icon元素恢复原来的高度
   position: relative !important;
   top: 9px !important; // 箭头上移，自己修改px大小
 }
 .is-reverse {
   position: relative !important;
   top: -17px !important;  //自己修改px大小
 }
  .el-select-dropdown__item{
   font-size: 20px !important;
  }
  //改变小箭头大小
 .el-range__icon{
   font-size: 23px !important;
 }

注意：

不要写scoped，不然不能修改element样式，最好写在父级目录下