form表单inline横向布局时,input加了clearable属性后,鼠标移入input聚焦时,宽度会发生变化,失去焦点恢复原始宽度

原因:el-input是没有宽度的,实际渲染出来的 el-input宽度 = 原生input宽度 + 前缀图标宽度 + 后缀图标宽度
解决:input 的 width设置为215px;

/*解决鼠标移入,input聚焦时宽度会变化问题*/
.el-form--inline .el-input--suffix {
  // 固定宽度
  width: 215px;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容