el-input 边框

可以使用CSS样式给`el-input`添加边框，具体方法如下：

.el-input {
  border: 1px solid #ccc; /* 设置边框样式 */
  border-radius: 4px; /* 设置边框圆角 */
  padding: 6px 10px; /* 设置内边距 */
}

其中，`border`属性设置边框的样式，`border-radius`属性设置边框圆角，`padding`属性设置输入框内容与边框的距离。你也可以根据需要自行调整样式。

相关问题

el-form 中el-input边框色

el-form 中 el-input 的边框颜色可以通过以下 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`。

.custom-input {
  border: 2px solid red;
}

2. 然后，在使用 `el-input` 组件的地方添加该类名。

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

方法二：使用内联样式

直接在 `el-input` 组件上添加内联样式来修改边框。

<el-input style="border: 2px solid red;"></el-input>

以上两种方法都可以让你改变 `el-input` 组件的边框样式。你可以根据自己的需求选择其中一种方法。