Lösung für die nicht wirksame Änderung des El-Popover-Stils von ElementUI

Bei der Verwendung von Element-UI gibt es eine häufig verwendete Komponente, nämlich el-popover. Der Stil und die Verwendung im offiziellen Dokument von Element-UI sind jedoch relativ begrenzt, und der Stil muss bei der Verwendung geändert werden.

Ich habe in meinem Projekt el-popover verwendet, konnte den Stil jedoch nicht ändern. Werfen wir einen Blick darauf, was in der offiziellen Dokumentation steht.

Fügen Sie einen Klassennamen und einen Zeichenfolgentyp hinzu. OK, fügen Sie einen hinzu.

<el-popover
    Platzierung="richtig"
    Breite="400"
    Auslöser="schweben"
    Popper-Klasse = "Mein Popover"
    >

So legen Sie den Stil fest

<style lang="scss" scoped>
	.mein-popover{
		Polsterung: 20px;
	}
</Stil>

Die Folge ist, dass die Einstellung nicht erfolgreich war!
Liegt es am Umfang? Versuchen Sie es noch einmal ohne Umfang!

<Stil>
mein-popover{
    Polsterung: 10px 30px;
}
</Stil>

Immer noch keine Wirkung! ! !
Nach verrückten Experimenten und Online-Suchen!
Die endgültige Schreibmethode ist diese: .el-popover.my-popover, mit dem Präfix .el-popover, sonst wird es nicht wirksam. Und kann nicht eingeschränkt werden

<Stil>
.el-popover.mein-popover{
    Polsterung: 10px 30px;
}
</Stil>

Änderung erfolgreich!

Dies ist das Ende dieses Artikels über die Lösung des Problems, dass der geänderte Stil von Elementuis El-Popover nicht wirksam wird. Weitere verwandte Inhalte zum Thema „El-Popover-Stil wird nicht wirksam“ finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!