Element Plusu隐藏el-input标签边框.el-input__inner { border: none;} 这样写入不生效

如果你使用的是 Element Plus 的 `el-input` 组件，建议不要直接修改组件的样式，而是使用组件提供的属性或者插槽来实现需要的效果。比如，如果需要隐藏 `el-input` 组件的边框，可以使用 `border` 属性来设置为 `none`，如下所示：

<el-input border="none"></el-input>

如果你需要自定义 `el-input` 的样式，可以通过 `slot` 来实现。具体来说，你可以使用 `prefix` 和 `suffix` 插槽来自定义 `el-input` 前缀和后缀的样式，例如：

<el-input>
  <template #prefix>
    <div class="input-prefix">前缀</div>
  </template>
  <template #suffix>
    <div class="input-suffix">后缀</div>
  </template>
</el-input>

然后在 CSS 中添加对应的样式：

.input-prefix, .input-suffix {
  border: none;
}

这样就可以实现隐藏 `el-input` 组件的边框了。

相关问题

Element Plusu隐藏el-input 边框

要隐藏Element Plus中的el-input组件的边框，可以使用以下CSS样式：

.el-input__inner {
  border: none;
}

这将隐藏el-input组件的边框。您可以将其添加到全局CSS样式表中，或仅将其应用于特定的el-input组件。