elementui改变input边距
时间: 2023-08-23 19:05:21 浏览: 93
要改变Element UI的input组件的边距,可以通过修改CSS样式来实现。根据引用\[2\]中的代码,可以看到el-form-item类设置了margin-right为10px。如果你想要调整边距,可以在你的CSS文件中覆盖这个样式。例如,如果你想要将边距改为20px,可以添加以下代码到你的CSS文件中:
.el-form--inline .el-form-item {
margin-right: 20px;
}
这样就会将input组件的边距从默认的10px改为20px。记得在HTML文件中引入你的CSS文件,以确保样式生效。
#### 引用[.reference_title]
- *1* *3* [element-ui input组件源码分析整理笔记(六)](https://blog.csdn.net/qq_36320160/article/details/102010198)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [更改上下两个el-input 之间的距离](https://blog.csdn.net/qq_44716001/article/details/131290896)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]