element el-input输入样式调整

Element UI 的 `el-input` 组件是基于 `input` 元素封装的，因此你可以通过 CSS 对其样式进行调整。下面是一些常见的样式调整方法：

1. 修改输入框边框和背景颜色：

.el-input {
  border: 1px solid #ccc; /* 边框样式 */
  background-color: #f1f1f1; /* 背景颜色 */
}

2. 修改输入框的宽度和高度：

.el-input {
  width: 200px; /* 宽度 */
  height: 30px; /* 高度 */
}

3. 修改输入文本的字体和大小：

.el-input__inner {
  font-family: Arial, sans-serif; /* 字体 */
  font-size: 14px; /* 字体大小 */
}

4. 修改输入框的圆角：

.el-input {
  border-radius: 5px; /* 圆角半径 */
}

5. 修改输入框的阴影：

.el-input {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
}

以上是一些常见的样式调整方法，你可以根据需要进行组合使用。注意，如果你只想针对某个 `el-input` 组件进行样式调整，可以通过其 `class` 名称或 `id` 进行选择器的定位。