改el-input 的圆角
时间: 2023-07-30 15:12:23 浏览: 736
圆角输入框
要改变 Element UI 的 `el-input` 组件的圆角样式,您可以使用 CSS 来修改它的外观。以下是一种常见的方法:
```css
.el-input {
border-radius: 20px;
}
```
上述代码将 `el-input` 组件的圆角设置为 20 像素。您可以根据需要调整 `border-radius` 的值来改变圆角的大小。
请确保在应用样式之前,正确引入了 Element UI 的样式文件,并将类名 `.el-input` 应用于相应的 `el-input` 组件。
如果您只想更改特定的 `el-input` 组件的圆角样式,可以使用自定义的 class 或者父级选择器来限制样式的作用范围。例如:
```html
<el-input class="custom-input"></el-input>
```
```css
.custom-input {
border-radius: 20px;
}
```
上述代码将具有 `custom-input` 类名的 `el-input` 组件的圆角设置为 20 像素。
通过使用合适的选择器和样式规则,您可以自定义 Element UI 的 `el-input` 组件的圆角样式。
阅读全文