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

页面上有

 <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组件里也没有说怎么添加。

回复
阅读 399
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏