1 Frage zu Override

Um die von PrimeFaces genutzten CSS-Styles am leichtesten zu überschreiben, gehst du am besten wie folgt vor: 1. **Eigene CSS-Datei einbinden:** Lege eine eigene CSS-Datei an (z. B. `custom.css`) und binde sie **nach** den PrimeFaces-Styles in dein Projekt ein. Dadurch werden deine Regeln später geladen und haben Vorrang. 2. **Selektoren gezielt ansprechen:** Nutze die gleichen oder spezifischere CSS-Selektoren wie PrimeFaces. Oft hilft es, die Selektoren zu präzisieren oder die `!important`-Anweisung zu verwenden, falls nötig. Beispiel: ```css .ui-button { background-color: #ff0000 !important; } ``` 3. **Richtige Reihenfolge sicherstellen:** Stelle sicher, dass deine CSS-Datei im `<h:head>`-Bereich nach den PrimeFaces-Stylesheets eingebunden wird: ```xml <h:outputStylesheet library="css" name="custom.css" /> ``` 4. **Browser-Entwicklertools nutzen:** Mit den Entwicklertools (F12) kannst du herausfinden, welche Klassen und Styles PrimeFaces verwendet und wie du sie am besten überschreibst. **Tipp:** Vermeide es, die PrimeFaces-eigenen CSS-Dateien direkt zu ändern, da diese bei Updates überschrieben werden könnten. Weitere Infos findest du in der [PrimeFaces-Dokumentation](https://primefaces.org/documentation/). **Zusammengefasst:** Eigene CSS-Datei nach den PrimeFaces-Styles einbinden, gezielte Selektoren verwenden und ggf. `!important` nutzen.