elementUI:关于elInput框和elSelect宽宽度不统一的设置技巧

因为el-select右边有一个icon图标(右边的padding为35px),而el-input只有15px,所以就存在了一个宽度的误差.

<el-form-item label="头衔" class="transparentIcon" prop="">
  <el-input placeholder="" v-model="form.basicInfo" suffix-icon="el-icon-date" :maxlength="255"></el-input>
</el-form-item>

解决方法:
1.最简单的方法:是改el-input右边的padding值,但是自适应的时候宽度会不统一;
2.使用占位图标:也在右边的位置默认追加一个图标,字体颜色设置为透明或背景色,使其看上去宽度相等