使用elementUI样式不改变 el-input样式不改变

最近在公司做项目使用elementUI发现样式不可随意的按照自己的需求改变，看了网上的做法也是不行
后来请教了公司同事，说是要用强权样式 具体解决问题如下

• 例如这个input边框 他的高度不可变 解决方法就是右键检查属相 找到对应样式类 更能该其css代码

• 更改如下

• 得到想要的样式后赋值css代码

```css
	<style lang="css">
.el-input__inner {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 140px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}
</style>

• 把它写在页面对应vue文件下 就可以改变样式了

**

• 不过这样有一个隐患 在其他页面调用时会失效，所以我么你可以改成这样，使用强权样式 这样就能解决问提了！

**

**

• 对于这个方法样式的改变我也不太会用 不足之处还请大神多多指教 如果能评论出来就更好了

**