中el-input的边框色区分 
时间: 2023-05-30 20:06:52 浏览: 204
中el-input的边框色可以通过设置不同的类名来区分。
默认情况下,el-input的边框色为灰色,可以添加类名`border-primary`来改为主题色。例如:
```html
<el-input placeholder="请输入内容" class="border-primary"></el-input>
```
同时,也可以添加类名`border-success`、`border-warning`、`border-danger`来分别表示成功、警告、危险的边框色。例如:
```html
<el-input placeholder="请输入内容" class="border-success"></el-input>
<el-input placeholder="请输入内容" class="border-warning"></el-input>
<el-input placeholder="请输入内容" class="border-danger"></el-input>
```
相关问题
el-form 中el-input边框色
el-form 中 el-input 的边框颜色可以通过以下 CSS 样式修改:
```css
.el-form-item__content .el-input__inner {
border-color: #999; /* 修改为需要的颜色 */
}
```
其中,`#999` 是颜色值,可以根据需求进行修改。
改变el-input 边框
要改变 `el-input` 组件的边框样式,你可以使用 CSS 来实现。可以通过自定义 CSS 类名或者直接在 `el-input` 上添加内联样式来修改边框。
方法一:使用自定义 CSS 类名
1. 首先,在你的 CSS 文件中定义一个自定义类名,例如 `.custom-input`。
```css
.custom-input {
border: 2px solid red;
}
```
2. 然后,在使用 `el-input` 组件的地方添加该类名。
```html
<el-input class="custom-input"></el-input>
```
方法二:使用内联样式
直接在 `el-input` 组件上添加内联样式来修改边框。
```html
<el-input style="border: 2px solid red;"></el-input>
```
以上两种方法都可以让你改变 `el-input` 组件的边框样式。你可以根据自己的需求选择其中一种方法。
相关推荐








