# CSS

## 🌈 CSS-Anpassung

Die CSS-Anpassung ermöglicht es Ihnen, das volle Potenzial der ngSurvey Formular-Engine auszuschöpfen und jedes einzelne Element Ihrer Formulare mit [CSS-Klassen](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/css/css-classes). Wenn Sie zum ersten Mal von CSS hören, können Sie diesem [Tutorial](https://www.htmldog.com/guides/css/beginner/) folgen, um mehr über CSS und dessen Funktionsweise zu erfahren.

##  ➕ CSS hinzufügen

Sie können Ihre eigenen CSS-Klassendefinitionen über den CSS-Eingabebildschirm hinzufügen. 

Alles, was Sie im CSS-Eingabefeld eingeben und speichern, wird von ngSurvey zur Laufzeit injiziert, um Ihre Umfrage entsprechend Ihren CSS-Definitionen zu gestalten.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBctjFytCkewBehvnsz%2Fimage.png?alt=media\&token=749cada2-0cbc-4a96-b476-db5574ff508e)

{% hint style="info" %}
CSS-Definitionen haben die höchste Priorität und überschreiben jede andere zuvor durch Styles definierte Eigenschaftsklasse. 
{% endhint %}

Das Dropdown für verfügbare Klassen zeigt die CSS-Klassen an, die in dem angepassten CSS-Code noch nicht verwendet werden. Sie können die [CSS-Klassenliste](https://docs.ngsurvey.com/de/form-management/style-branding/style-editor/css/css-classes) prüfen, um einen Überblick über die verschiedenen Klassen zu erhalten, die Sie zur Definition Ihrer Styles verwenden können. 

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBcz1e0IvCDOs_xNGbA%2Fimage.png?alt=media\&token=ff29252e-9393-47d5-aa39-97391a157c50)

## 📐Benutzerdefinierte CSS-Klassen

Sie können auch Ihre eigene CSS-Klassendefinition verwenden, die auf Ihre Frage oder Antworten angewendet wird. Wenn Sie eine Klasse namens myclass erstellt haben,

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBd-CRYhU216TBe-ffh%2Fimage.png?alt=media\&token=24be4ec0-4938-4529-b107-45fa3180d011)

können Sie diese Klasse an jeder Frage oder Antwortoption setzen, indem Sie die CSS-Klassen-Eigenschaft auf Ihrer [Frage](https://docs.ngsurvey.com/de/form-management/form-designer/questions/question-properties) oder [Antwort](https://docs.ngsurvey.com/de/form-management/form-designer/answers/answer-properties) Eigenschaftsseite setzen.

![](https://133942686-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBd-fGpB0C8TQcJNNts%2Fimage.png?alt=media\&token=5210cb05-307d-4942-8c40-ef16a83d41b1)