修改<el-input>中的.el-input__inner，但是总是不生效

如果你修改了元素的样式但是没有生效，可能是因为其他 CSS 规则覆盖了你的修改。你可以使用浏览器的开发者工具检查样式规则，看看哪些规则覆盖了你的修改。

另外，如果你使用了 scoped CSS，那么样式只会应用于当前组件，而不会影响其它组件。如果你想应用全局样式，可以将 scoped 属性移除。

如果以上两种情况都不是问题，那么你可以尝试使用 !important 关键字强制应用样式，如下所示：

.el-input__inner {
  color: red !important;
}

但是请注意，过多使用 !important 可能会导致样式难以维护，建议尽量避免使用。

相关问题

element plus 如何修改el-input__inner样式

Element Plus是一个基于Vue.js的UI组件库，它封装了Element UI的一些功能并进行了现代化和轻量化的处理。如果你想要修改`el-input__inner`（Input内部元素的样式），你可以通过自定义主题或者直接操作CSS样本来实现。

1. **自定义主题** (推荐): Element Plus提供了主题系统，可以让你方便地覆盖内置样式。首先，你需要在项目中引入`element-plus/theme-chalk/index.css`，然后创建一个`.theme-chalk`的文件，例如`custom-theme.css`。在该文件中添加你要覆盖的`el-input__inner`规则：

@import '~element-plus/theme-chalk/index.css';

.el-input__inner {
  /* 这里替换或添加你的样式 */
  color: your-color;
  background: your-background;
  /* ... 其他属性 */
}

2. **直接操作CSS**: 如果不想使用主题，可以直接在你的样式表中对`el-input__inner`选择器进行修改。例如，在`app.css`或全局CSS文件中：

.el-input__inner {
  /* 修改此处 */
  color: red;
  border-radius: 5px;
}

注意，为了确保样式生效，确保它们的位置在Element Plus的CSS之后，并且优先级高于Element Plus的默认样式。

el-input线框颜色

el-input 是一个基于 Element UI 的输入框组件，它的线框颜色可以通过设置 input 的边框样式来实现。你可以使用以下 CSS 属性来改变 el-input 的线框颜色：

.el-input__inner {
  border-color: #ff0000; /* 设置线框颜色为红色 */
}

以上代码将 el-input 的线框颜色设置为红色，你可以根据需要修改颜色值。将上述代码添加到你的样式文件中，或者直接写在页面的 style 标签中即可生效。