请问element UI中修改某个标签的样式应该怎么写CSS？

Question

页面上有

 <el-form-item>
        <el-input v-model="form.moblie" prefix-icon="el-icon-user-solid" />
      </el-form-item>

我想对着个input加个背景色，然后一开始的想法是

 <el-form-item>
        <el-input v-model="form.moblie" prefix-icon="el-icon-user-solid" class = 'bg_input' />
      </el-form-item>

但是没用，于是我打开F12看到它自己带一个类 类名是 input.el-input__inner。
然后我去修改这个类，就可以生效了。

    input.el-input__inner {
      height: 50px;
      background-color: #d4e5ff;
      color: #68b0fe
    }

请问像这种类名（input.el-input__inner）还有多少或者从哪里查阅？我看了element组件里也没有说怎么添加。

Answer 1

一般来说直接 F12 到审查模式里面查看就行了，不推荐去看文档，因为太多了你也不知道具体应该到哪里去看。
只是说有一些默认的值，可以到这里来查看。element/var.scss at dev · ElemeFE/element