el-input 改变背景色

在Vue.js中使用Element UI库时，可以通过class属性为el-input组件添加自定义的CSS类来改变背景色。以下是一个简单的例子：




<template>
  <div>
    <el-input class="custom-input-bg" placeholder="请输入内容"></el-input>
  </div>
</template>
 
<style>
.custom-input-bg .el-input__inner {
  background-color: #f0f2f5; /* 你想要的背景色 */
}
</style>

在上面的代码中，.custom-input-bg 是一个自定义的CSS类，它的样式规则中设置了el-input__inner的背景色。el-input__inner是Element UI中el-input组件内部用于包装输入框的子元素的类名。通过这种方式，你可以很容易地修改Element UI组件的样式。

el-input 改变背景色

评论已关闭

推荐阅读