Add red border color to invalid input fields

This commit is contained in:
Alex Cabal 2021-01-26 11:17:00 -06:00
parent d52bba5aa1
commit 8dbba4fcd6

View file

@ -1597,6 +1597,20 @@ select:hover{
transition: none;
}
input[type="text"]:user-invalid,
input[type="email"]:user-invalid,
input[type="search"]:user-invalid{
border-color: #ff0000;
box-shadow: 1px 1px 0 #ff0000, -1px -1px 0 #ff0000;
}
input[type="text"]:-moz-ui-invalid,
input[type="email"]:-moz-ui-invalid,
input[type="search"]:-moz-ui-invalid{
border-color: #ff0000;
box-shadow: 1px 1px 0 #ff0000, -1px -1px 0 #ff0000;
}
select[multiple] option:last-child{
margin-bottom: 1rem; /* needed for firefox */
}