add styles for invalid inputs

unyt-org · Feb 9, 2024 · 1d76e96 · 1d76e96
1 parent c6afd31
commit 1d76e96
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/themes/css/uix.css b/src/themes/css/uix.css
@@ -407,6 +407,16 @@
   input[type="radio"] {
 	border-radius: 100%;
   }
+
+  input:invalid:focus {
+	outline: 2px solid var(--red);
+	outline-offset: -2px;
+  }
+
+  input:invalid {
+	border-color: transparent;
+	/* border-color: var(--red); */
+  }
 
   input[type="checkbox"]:checked,
   input[type="radio"]:checked {