需求

如图所示，自定义 el-input 的边框

• 取消前
  
• 取消后
  

分析

在 Element Plus 的 el-form 表单组件中，如果你想要去掉 el-input 组件的外边框，只保留下边框，可以通过 CSS 来实现。这通常涉及到修改 el-input 的默认样式。

.el-input__wrapper {box-shadow: none;border-bottom: 1px solid #dcdfe6;
}
.el-input__wrapper.is-focus {box-shadow: none;border-bottom: 1px solid #07c160;
}
.el-input__wrapper:hover {box-shadow: none;border-bottom: 1px solid #07c160;
}