Ändern der Fehleranzeige beim Standard Formular

Mich würde interessieren wie ich die Erscheinung der Fehlermeldungen die nach der Evaluation des Formulars erscheinen ändern kann.
Am schlimmsten sieht das aus im Edge. Dort bekomme ich eine 3 Pixel dicke rote Linie und die Meldung "Erforderliches Feld" in Serifenschrift schwebt über dem Eingabefeld.



Arbeite mit Joomla 3.8.5
Kann mir jemand sagen in welcher Datei dies definiert ist?

F12 ist dein Freund.
Und wegen Edge oder IE ... benutzt das noch jemand?

Danke Chris.

Ich habe gestern den ganzen Tag versucht herauszufinden woher das kommt.
Die Verlinkten Dateien im Header des Quelltextes habe ich mir angeschaut und die Dateien analysiert.

Ich habe gegoogelt und in der Joomla Dokumentation nachgeschaut:
Joomla Form Validation

Nichts hat mich aber weitergebracht. Wenn jemand also weiss wie resp. wo ich das anpassen kann wäre ich froh um einen Hinweis.

Die Joomla-Form Validierung verteilt nur CSS-Klassen per JavaScript an HTML-Elemente, für die Umsetzung aber sind alle geladenen CSS-Stylesheets auf dieser Seite 'verantwortlich'.

Wenn du mal ein Link zu dem Formular hättest, könnte man dir sicher konkret helfen.
CSS-Sachen ohne Link dazu ist wie ohne Auto zum Garagisten zu gehen.

Hallo Tribal

Hier der Link:
Kontaktformular

Hallo,
also vom CSS von deinem Template wird es nicht gesteuert. Naglet mich da nicht fest, aber ich denke, dies wird vom Browser gesteuert. Du kannst es aber mit CSS überschreiben, mit
box-shadow: none;

zu den Klassen:
.contact textarea und
.contact imput

lg, Pascale

Hallo Pascale

Vielen Dank für Diene Antwort!
Leider ändert die Zugabe von box-shadow:none; zu den besagten Klassen im css nichts am Resultat.

Ich habe die Lösung für die roten Linien gefunden. Die Pseudo Klasse :invalid wird angesprochen. Dann ist es die "outline" Eigenschaft für IE, Edge und Chrome und die "box-shadow" für Mozilla.
Somit ist der Code der in das CSS eingefügt werden muss:

Danke nochmals an Pascale du hat mich auf den richtigen Pfad gebracht!

merci für die Rückmeldung!
grüsse, Pascale

Für diejenigen die es interessiert, hier noch ein Link mit der Beschreibung wie man die schwebende Fehlermeldung oder "Bubble" wegbringt:

Building HTML5 Form Validation Bubble Replacements