From 8dbba4fcd6f0f0ac8cc9add46bc194c2892f67ac Mon Sep 17 00:00:00 2001 From: Alex Cabal Date: Tue, 26 Jan 2021 11:17:00 -0600 Subject: [PATCH] Add red border color to invalid input fields --- www/css/core.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/www/css/core.css b/www/css/core.css index b9155578..9d1dca8a 100644 --- a/www/css/core.css +++ b/www/css/core.css @@ -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 */ }