Farben angepasst validierungen felder

2021-10-25 11:08:40 +02:00
parent 5a91b32abd
commit ce40668055
1 changed files with 42 additions and 0 deletions
--- a/css/login/loginFLEX.css
+++ b/css/login/loginFLEX.css
@@ -82,4 +82,46 @@
        font-size: 1.125em;
        border-radius: 5px 5px 5px 5px;
    }
+    #CustomerID:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+    }
+    #CustomerID:valid {
+        background-color: lightgreen;
+        border-color: forestgreen;
+       color: black;
+    }
+    #CustomerID:invalid + span::before {
+        content: '✖';
+        color: red;
+    }
+    #Password:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+    }
+    #Password:valid {
+        background-color: lightgreen;
+        border-color: forestgreen;
+        color: black;
+    }
+    #Password:invalid + span::before {
+        content: '✖';
+        color: red;
+    }
+    #UserName:invalid {
+        background-color: indianred;
+        border-color: red;
+        color: red;
+    }
+    #UserName:valid {
+        background-color: lightgreen;
+        border-color: forestgreen;
+        color: black;
+    }
+    #Password:invalid + span::before {
+        content: '✖';
+        color: red;
+    }
 }