elementui的输入框样式修改

Element UI 的输入框（`el-input`）提供了丰富的样式选项来定制其外观。如果你想修改它的样式，可以通过 CSS 或者它们提供的主题系统来实现。下面是一些基本的方法：

1. **通过 CSS**：
你可以直接在你的样式表中选择 `.el-input` 类进行修改。例如，你可以更改边框颜色、背景色、内边距等属性：

   .el-input {
       border-color: your-color; /* 更改边框颜色 */
       background-color: your-bg-color; /* 更改背景颜色 */
       padding: your-padding; /* 更改内边距 */
   }

2. **使用 Vue 面向组件的 CSS**:
在 ` scoped ` 模式下（推荐），你可以使用 `style` 标签或者 `v-bind:class` 来动态绑定样式。

   <el-input v-bind:class="{ 'your-custom-class': condition }" :style="{ 'border-color': borderColor, 'background-color': backgroundColor }"></el-input>

3. **Element UI 主题系统**:
如果你想对所有输入框应用统一的样式，可以利用 Element UI 提供的主题功能。首先，创建一个自定义主题文件，然后在需要的地方导入并应用：

   import { createTheme } from 'element-ui';
   const theme = createTheme({
     input: {
       borderColor: 'your-color',
       backgroundColor: 'your-bg-color'
     }
   });
   Vue.use(ElementUI, { theme });

记得在修改样式后，可能需要刷新浏览器或重新渲染组件才能看到效果。如果你有更具体的问题，比如想知道如何修改某个特定的输入框样式，或者关于主题设置的问题，可以提供更多信息，我会给出更详细的指导。