Wie stylen Sie das Tag eines benutzerdefinierten Elements aus dem Element heraus?
Ich versuche, ein benutzerdefiniertes Element-Tag zu stylen, und ich scheine es nicht aus dem <style> -Tag des Elements zu machen, oder zumindest weiß ich nicht, welchen Selektor zu verwenden ist. Ich habe den Tag-Namen des benutzerdefinierten Elements und template ausprobiert, funktioniert aber nicht.
Ich benutze polymer.dart, daher kann es bei der Implementierung zu Verzögerungen kommen, aber ich würde gerne wissen, wie es in polymer.js funktionieren sollte.
2 Antworten
Wie in einer anderen Antwort erwähnt, verwenden Sie @host selector, um den Host des Schatten-DOMs zu formatieren. Im Falle eines benutzerdefinierten Elements ist der Host des benutzerdefinierten Elements selbst.
Hier sehen Sie ein Beispiel, wie Sie das Host-Element oder das benutzerdefinierte Element selbst aus dem <style> -Tag eines benutzerdefinierten Elements stylen können.
Beachten Sie den @host -Block im Stil:
Da dieses bestimmte benutzerdefinierte Element kein Element erweitert, wird standardmäßig kein Block verwendet.
So sieht es aus, wenn es gestylt wird:
