element-plus的表单输入框有清除按钮的，文字输入前后宽度不一致怎么解决

输入内容之后多了一个可清除的图标，输入框的宽度也被撑开了

根据输入前后的dom对比发现，多了一个图标的span标签

:deep(.el-input__wrapper) {
  position: relative;
  .el-input__inner {
    padding-right: 18px;
  }
  .el-input__suffix {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }
}

修改一下样式加上上面的就可以啦