So wie ich dies beurteilen kann, gibt es zwei Zustände
Wenn die Login Webseite aufgerufen wird und wenn die Eingabe fehlt.
Wenn eine Eingabe fehlt, dass muss dies rötlich markiert sein. Der rötliche Rahmen ist für mich dann auch ok. Aber wenn man die Login Webseite öffnet, dann ist um das Eingabefeld bereits ein rötlicher Rahmen vorhanden.
Mit der Änderung:
input.invalid {
border: none !important;
}
wird in dem Fall, wenn eine fehlende Eingabe fehlt der rötliche Rahmen entfernt.
Habe diesen Code in das custom.css eingefügt
input.invalid {
border: none !important;
}

Danke für die Unterstützung.

.

Der Eintrag
input.invalid {
border: none !important;
}
hat bei verschiedenen Browsern unterschiedliches Verhalten.
Bei MS Edge und Internet Explorer besteht kein rötlicher Rahmen mehr. Bei FireFox und bei Google Chrome immer noch.

Gibt es eine Lösung dazu?
Danke für die Unterstützung.

Vielleicht mal Browser-Cache löschen...