Wie können wir helfen?

Selector-Design (CSS)

Du bist hier:

Mithilfe von CSS (Cascading Style Sheets), einer Stylesheet-Sprache, lässt sich der Selector individuell designen. In den Einstellungen des Digitizers kann im CSS-Editor, welcher sich über den danebenstehenden Pfeil vergrößern lässt, das Aussehen aller Elemente auf den Selector-Seiten festgelegt werden. Einige häufig eingesetzte Beispiele und Informationen zum CSS-Design sind zum Download als PDF-Datei bereitgestellt.

Häufig verwendete CSS Einstellungen: DOWNLOAD HIER

Im Allgemeinen baut sich eine CSS-Regel für den Selector wie im folgenden Beispiel auf. Genauere Informationen zu den Details finden Sie in der PDF-Datei.

#foxbase-selector .mdc-button {
    color: blue !important;
}

Der Zusatz des ID-Selektors „#foxbase-selector“ wird benötigt, um den Klassen-Selektor „mdc-button“ auszuwählen. Dieser wählt das zu gestaltende Element aus. Die zugehörigen Regelsätze befinden sich dahinter in geschweiften Klammern. „color“ beschreibt die Eigenschaft des Elements, gefolgt von einem Doppelpunkt, und wird mit einem Wert („blue“) versehen. Zusätzlich wird am Ende der CSS-Regel „!important“ angegeben, um bestehende Regeln zu überschreiben. Die jeweiligen Selektoren und aktuellen CSS Einstellungen können Sie im Browser im Entwicklertool unter „Elements“ ermitteln und Änderungen dort testen.

War dieser Artikel hilfreich?
Wie können wir diesen Artikel verbessern?
Please submit the reason for your vote so that we can improve the article.
Zurück Generelle Einstellungen
Inhaltsverzeichnis

Kontakt

Wir freuen uns über jede Anfrage zum Digital Product Selector. Lass uns gemeinsam den B2B-Vertrieb nachhaltig digitalisieren!

Info

mailkontakt@foxbase.de
phone+49 211 1586 4066
addressOststraße 10, 40211 Düsseldorf