/ / Polymer 1.0 Benutzerdefiniertes Styling - css, polymer-1.0, Papierelemente

Polymer 1.0 benutzerdefinierte Styling - CSS, Polymer-1.0, Papier-Elemente

Ich bin völlig neu bei Polymer und verwende PapierElemente und ich weiß nicht, wie man benutzerdefinierte Stile mit Papierelementen verwendet. Jeder hat eine Idee, wie man Styling auf verschiedene Elemente anwenden kann. Die Dokumentation ist etwas unklar, obwohl sie die zu verwendenden Eigenschaften und Mixins angibt. Für ein Beispiel, wie "--Papier-Tabs-Auswahlleiste-Farbe"mit Papier-Tabs in Papierelementen. Danke im Voraus.

Antworten:

1 für die Antwort № 1

Sie können die benutzerdefinierten CSS-Eigenschaften wie folgt verwenden:

<style is="custom-style">
#mytabs {
--paper-tabs-selection-bar-color: red;
}
</style>

...

<paper-tabs id="mytabs" selected="0">
<paper-tab>TAB 1</paper-tab>
<paper-tab>TAB 2</paper-tab>
<paper-tab>TAB 3</paper-tab>
</paper-tabs>

Ich empfehle Ihnen, zusätzlich zur Dokumentation der einzelnen Elemente das Entwicklerhandbuch zu lesen Dieser Abschnitt enthält Informationen zu benutzerdefinierten CSS-Eigenschaften wird dir erklären, wie das funktioniert.