设置el-input的边框圆角

要设置 el-input 的边框圆角，可以使用 el-input 的 border-radius 属性。例如，如果要将边框设置为 4px 的圆角，可以这样写：

<el-input style="border-radius: 4px;"></el-input>

也可以将 border-radius 属性写在样式表中，这样可以在多个 el-input 中共用：

<style>
  .rounded-input {
    border-radius: 4px;
  }
</style>

<el-input class="rounded-input"></el-input>

希望能帮到你！

相关问题

css设置el-input输入框圆角

要设置el-input输入框的圆角，可以使用以下CSS代码：

/deep/.el-input {
 border-radius: 8px;
}

在这段代码中，使用了/deep/选择器来覆盖el-input组件的默认样式。通过设置border-radius属性为8px，可以将输入框的边框设置为圆角形状。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [vue 设置 el-input 输入框背景颜色及样式](https://blog.csdn.net/HH18700418030/article/details/125282922)[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_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

el-input透明圆角

可以通过以下样式实现el-input透明圆角：

.el-input {
  background-color: transparent;
  border-radius: 20px;
}

其中，`background-color: transparent;`表示背景色为透明，`border-radius: 20px;`表示边框圆角为20px。