el-input的样式

你可以通过修改CSS样式来改变el-input的样式。在引用的例子中，可以通过给el-input添加一个class属性来自定义样式。例如，可以添加一个名为"pass_input"的class，然后定义该class的样式。在样式中，使用样式穿透 /deep/ 的方法来修改el-input的子元素的样式。在这个例子中，可以使用 /deep/ .el-input__inner 来选择el-input内部的input元素，并通过设置border:none来去掉边框。

在引用的例子中，也展示了如何自定义el-input的样式。在这个例子中，给el-input添加了一个class属性为"search-input"，并且使用了::v-deep选择器来穿透el-input的样式，然后通过设定.border: 0px来去掉边框。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [改变el-input框的样式（去掉边框），及scoped实现原理](https://blog.csdn.net/weixin_52862941/article/details/128145698)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [【ElementUI样式优化】el-input带自定义查询删除图标 ==＞ 图标点击可实现对应功能 ==＞ 一个input实现查询...](https://blog.csdn.net/Sabrina_cc/article/details/126142263)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]