So ändern Sie den Standardstil von ElementUI

1. Stile ohne Geltungsbereich hinzufügen (es können mehrere vorhanden sein).

<style lang='scss'>
	.el-button{
    
    
		background-color: red;
	}
</style>

2. Mit bereichsbezogener, nativer CSS-Schreibmethode: Verwenden Sie >>> ( >>> kann ein übergeordnetes Element oder ein übergeordnetes Element vorangestellt werden)

<style scoped>
.buttonWrapper >>> .el-button{
    
    
    background-color: red;
}
</style>

3. Scss, Sass und weniger im Projekt verwendete können alle /deep/ verwenden

<style lang='scss' scoped>
/deep/ .el-button{
    background-color: blue;
}
</style>

oder : :v-tief

<style lang='scss' scoped>
::v-deep .el-button{
    background-color: gold;
}

Wenn eine Seite mehrere identische Komponenten enthält, können Sie, um den Stil einer Seite nicht zu verfälschen, auch die Kombinationsauswahl verwenden , um den Stil einzelner Komponenten präzise zu ändern

<style lang='scss' scoped>
/deep/ .buttonWrapper .el-button{
      background-color: red;
  }
</style>