說明
1规阀、方法一：配置全局的樣式恒序，請查看 vux 怎么用 樣式變量 修改主題配色(vux只是舉個例子，其他的ui框架也可以找找谁撼，看是否有相似的配置)
2歧胁、方法二：全局樣式層級覆蓋。簡單說就和我們平時寫html厉碟、css沒啥區(qū)別喊巍，在index.html引入就行
.el-input__inner {
height: 48px;
}
如果需要使用預(yù)編譯器，直接寫style注意不要加scoped箍鼓，所寫的樣式就是全局樣式崭参，如果有優(yōu)先級問題 就加一個！important
<style>
.el-input__inner {
height: 48px !important;
}
</style>
3款咖、局部樣式修改
有時候只是單個路由里面的ui框架樣式需要修改何暮，并不想影響全局樣式，首先想到的可能就是....
<style css="less">
.detail{
.el-input__inner {
height: 48px;
}
}
</style>
直接寫style注意不要加scoped铐殃，然后用一個組件最外層的class包裹住海洼，就不會改到所有的組件的樣式了。
重點(diǎn)都是不要加scoped富腊，這個可選 scoped 屬性會自動添加一個唯一的屬性 (比如 data-v-21e5b78) 為組件內(nèi) CSS 指定作用域坏逢，編譯的時候 .list-container:hover 會被編譯成類似 .list-container[data-v-21e5b78]:hover，而ui框架的el并沒有參加這個編譯赘被，所以寫的樣式?jīng)]有生效是整。
那么問題來了，加了scoped是不是就沒辦法修改ui框架的樣式帘腹，答案當(dāng)然是否定的贰盗，有一個名詞叫做“樣式穿透”，寫法也很簡單
<style css="less">
.detail /deep/ .el-input__inner {
height: 48px;
}
</style>
最初是stylus 的樣式穿透>>>被廣泛使用阳欲，less和sass的文檔很少，搜索很多網(wǎng)站可能會在不起眼的位置有一個/deep/陋率，姑且這樣理解/deep/ 就是less和sass的樣式穿透球化，反正我用的很開心啊，哈哈哈
