输入内容之后多了一个可清除的图标,输入框的宽度也被撑开了
根据输入前后的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%); } }
修改一下样式加上上面的就可以啦