Anpassen von Formularen mit CSS

Sie können das Erscheinungsbild Ihres Formulars mithilfe von benutzerdefiniertem CSS anpassen. In diesem Tutorial wird gezeigt, wie Sie eine andere Hintergrundfarbe für Komponenten im Formular festlegen können.

1. Geben Sie die CSS-Klassen, die Sie im Formular verwenden möchten, in das Eigenschaftsfeld Benutzerdefiniertes CSS ein.

   Für dieses Beispiel fügen Sie die folgenden CSS-Klassen ein:

   .change {
   background-color:red;
   }
   .spring {
   background-color:green
   }
   

2. Zeigen Sie mit der Maus auf eine Formularkomponente und klicken Sie auf Bearbeiten. Geben Sie eine der in Schritt 1 hinzugefügten Klassen in das Feld Benutzerdefinierte CSS-Klasse ein.

   1. Bearbeiten Sie in diesem Beispiel eine Textfeld-Komponente und fügen Sie die CSS-Klasse change in das Feld Benutzerdefinierte CSS-Klasse ein. Beobachten Sie, wie die Komponente nach dem Speichern rot wird.

      

   2. Bearbeiten Sie eine Textbereichs- Komponente und fügen Sie die CSS-Klasse spring in das Feld Benutzerdefinierte CSS-Klasse ein. Beobachten Sie, wie die Komponente nach dem Speichern grün wird…

   

Um das „Making of“ und die Ergebnisse dieses Tutorials zu sehen, sehen Sie sich das folgende Video an: