Übersicht ausgewählter CSS-Selektoren
Die nachfolgende Abbildung stellt einige der CSS-Selektoren dar, welche über das Custom CSS in SAP Designer adressiert werden können.
Die Chart-Elemente enthalten die Hierarchie-Level als CSS-Klasse, wenn diese durch die Query mitgeliefert werden. Weiterhin empfehlen wir, eine Browser-Konsole zu verwenden um die Elemente auf ihre CSS-Klassen zu untersuchen.
Hier einige Anwendungsbeispiele:
| Code Block | ||
|---|---|---|
| ||
.lineElements {
stroke: red !important;
}
#GRAPHOMATECHART_1_control .lineElements.seriesIndex1 {
stroke: red !important;
}
.scalingHelper {
fill: aliceblue;
}
.barElements {
stroke: red;
} |
| Info |
|---|
Ab Version 2.6.2 wird für CSS-Formatierungen der Datentyp-Attribut-Selektor auf den SVG-Elementen deprecated. Bitte verwenden Sie in Zukunft für CSS-Selektoren die neu hinzugekommene Datentyp-Klasse, um Elemente Ihres Datentyps entsprechend zu selektieren. Das Datentypen-Attribut wird in einer der zukünftigen Versionen entfernt. |