Element-ui .el-textarea__inner 样式重构

<style lang="scss" scoped>

  .el-textarea__inner {

      display: block;

      resize: vertical;

      padding: 5px 15px;

      line-height:4 !important;

  }

  </style>

按这样的方式去重构el-textarea 的话样式是不会被改变的

<style>

  .el-textarea__inner {

      display: block;

      resize: vertical;

      padding: 5px 15px;

      line-height:4 !important;

  }

  </style>

去掉scoped 就可以实现样式重构

分析scoped的使用用法

style上添加scoped属性，就相当于给当前子组件的结构中都添加上一个data-v-×××自定义属性。

具体的还需要深入研究可以参考 vue-loader的源码学习

或者使用深度穿透也可以处理这个问题

深度选择器可以实现样式穿透
原生CSS： >>>
less： /deep/
scss： ::v-deep

<style scoped> /*生效*/ >>>.el-textarea__inner {

display: block;

      resize: vertical;

      padding: 5px 15px;

      line-height:4 !important;

} </style>

方法有很多种可任选其一去解决问题