[JavaScript知识库]修改ELementUI组件样式

1. 使用方法

• 以 el-input 为例 找到实际的组件内置样式的代码
  

<div class="chat-sent">
          <el-input></el-input>
          <div>
            <el-button type="primary" size="mini">发送</el-button>
          </div>
 </div>

• 这里注意 ： 我这用的是scss 样式可以嵌套 ， 如果你用的不是scss

<style lang="scss" scoped>   
.chat-sent {
      // ::v-deep 样式穿透, 用来修改element ui样式
      ::v-deep .el-input__inner {
        height: 70px;
        border: 0px;
  }
}
</style>

• 可能需要修改下, 像下面这样

<style lang="scss" scoped>   
.chat-sent ::v-deep .el-input__inner {
      // ::v-deep 样式穿透, 用来修改element ui样式
        height: 70px;
        border: 0px;
}
</style>