在有scope的情况下如何修改element-ui底层的样式（分别用css和scss）

     在项目中我们会遇到各种各样的问题，一种很常见的问题就是如何修改element-ui原本的样式，element-ui自带的样式基本满足一些日常开发，但是也有一些特殊的情况，我们要写点自己的样式。其实这个问题遇到很多次了，一直没时间记录一下，今天改完，刚好有时间，稍微记录一下。

1.首先找到要修改的类

     element-ui最终渲染的时候，会包含各自标签的类名等，我们先去控制台找到要改标签的类名，这里我要实现的效果是文本域禁止拖拽，主要是修改resize属性，我们先去控制台找到文本域的类名。

找到类之后，修改resize属性。

2.修改样式（css和scss）情况

1.有scope情况下的css语言修改
    这里我用的>>>穿透

<el-input  
	v-model="form.description" 
	class="use" 
	autosize 
	type="textarea" 
	clearable 
	:disabled="viewDetail"/>
<style lang="css" scope>
	.use >>> .el-textarea__inner{
  		resize: none;
	}
</style>

    给input文本框手动添加一个类，进行样式穿透即可。

2.有scope情况下的scss语言修改

<style lang="scss" scope>
// 防止文本框发生拖拽
 /deep/ .el-textarea__inner{
  resize: none;
}
</style>

这样文本框就不可以拖拽啦！！！其他样式修改类似这个过程。