element-ui设置边框样式
时间: 2023-09-01 19:07:20 浏览: 321
修改elementUI的样式
你可以通过为元素添加 CSS 样式来设置边框样式。Element UI 为各个组件提供了一系列的类名,可以使用这些类名来设置边框样式。
例如,如果你想设置一个带有 1 像素粗的红色边框的输入框,可以在该输入框元素上添加以下类名:
```html
<el-input class="custom-border"></el-input>
```
```css
.custom-border .el-input__inner {
border: 1px solid red;
}
```
这里 `.custom-border` 是我们自定义的类名,`.el-input__inner` 是 Element UI 中输入框内部的元素,我们通过设置该元素的边框样式来实现输入框的边框样式。
当然,你可以根据需要自定义边框样式,这只是一个示例。
阅读全文