Farben angepasst validierungen felder
This commit is contained in:
@@ -82,4 +82,46 @@
|
|||||||
font-size: 1.125em;
|
font-size: 1.125em;
|
||||||
border-radius: 5px 5px 5px 5px;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user