elementui 修改元件預設樣式

1.建立style.css,并在main.js中引入import “./assets/style/style.css”

2.覆寫樣式，在單個xx.vue檔案最後多寫一對<style>…</style>标簽，不要加scoped（不推薦）

如果寫在有scoped屬性的style标簽裡，覆寫的樣式不會生效

類名之前要加上父級，否則會變成全局樣式

3.<style scoped>中使用深度選擇器，可以影響子元件（好用，推薦）

使用 >>> 操作符

<style scoped>
.addform >>> .el-form-item {
    width: 100%;
}
           

在less，scss等預處理下，>>>不被解析，換成/deep/同樣可以實作效果

<style scoped>
.addform /deep/ .el-form-item {
    width: 100%;
}