element ui 怎麼樣修改元件樣式 (如何在Scoped CSS規範下 修改第三方元件中的樣式)
阿新 • • 發佈：2021-01-13
產生原因：
由於元件之間需要做樣式隔離（也就是<style scoped lang="scss">中的scoped屬性）
所以我們定義的樣式類在打包時會在後面自動帶一個不重複的字尾，以防止元件之間的樣式相互影響，這樣我們如果要通過元件內部的類名來修改樣式就會出問題，
因為我們定義的類名總是會被修改
例如我們要修改el-input元件，它內部的類名有一個是el-input__inner
如果我們要修改他，直接定義一個.el-input__inner類，由於元件樣式隔離的原因是作用不上去的
解決辦法：
通過 /deep/深度選擇器
/deep/.el-input__inner {
height: 32px;
line-height: 32px;
}或者 >>>