Il est très courant de modifier le style des composants tiers dans le développement de style , mais en raison de l'isolement du style de l'attribut scoped, il peut être nécessaire de supprimer le scoped ou de créer un autre style. Ces pratiques ont des effets secondaires (pollution de style de composant, manque d'élégance) et utilisent la pénétration de style dans le préprocesseur css pour prendre effet. Nous pouvons utiliser >>> ou /deep/ pour résoudre ce problème :
<style scoped>
Outer layer >>> .el-checkbox {
display: block;
font-size: 26px;
.el-checkbox__label {
font-size: 16px;
}
}
</style>
<style scoped>
/deep/ .el-checkbox {
display: block;
font-size: 26px;
.el-checkbox__label {
font-size: 16px;
}
}
</style>