el-input 增加圆角

要给Vue的el-input增加圆角，可以通过以下两种方式实现：

1. 使用CSS样式来设置圆角。可以在el-input的父元素上添加一个class，然后在CSS中设置该class的border-radius属性即可。例如：

<template>
  <div class="input-wrapper">
    <el-input></el-input>
  </div>
</template>

<style>
.input-wrapper {
  border-radius: 5px;
}
</style>

2. 使用element-ui提供的props属性。el-input组件提供了一个props属性叫做"radius"，可以用来设置圆角的大小。例如：

<template>
  <el-input :radius="5"></el-input>
</template>

以上两种方式都可以实现给el-input增加圆角的效果。

相关问题

el-input透明圆角

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

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

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

改el-input 的圆角

要改变 Element UI 的 `el-input` 组件的圆角样式，您可以使用 CSS 来修改它的外观。以下是一种常见的方法：

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

上述代码将 `el-input` 组件的圆角设置为 20 像素。您可以根据需要调整 `border-radius` 的值来改变圆角的大小。

请确保在应用样式之前，正确引入了 Element UI 的样式文件，并将类名 `.el-input` 应用于相应的 `el-input` 组件。

如果您只想更改特定的 `el-input` 组件的圆角样式，可以使用自定义的 class 或者父级选择器来限制样式的作用范围。例如：

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

.custom-input {
  border-radius: 20px;
}

上述代码将具有 `custom-input` 类名的 `el-input` 组件的圆角设置为 20 像素。

通过使用合适的选择器和样式规则，您可以自定义 Element UI 的 `el-input` 组件的圆角样式。