VACMS-20320: Adss CSS for better browser validation UX

department-of-veterans-affairs · Jan 22, 2025 · 6e7a120 · 6e7a120
1 parent f0b11cc
commit 6e7a120
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/docroot/themes/custom/vagovclaro/assets/scss/components/_elements.scss b/docroot/themes/custom/vagovclaro/assets/scss/components/_elements.scss
@@ -326,3 +326,10 @@ p.vc-help-text {
     margin-top: 0;
   }
 }
+
+input:user-invalid,
+select:user-invalid,
+textarea:user-invalid {
+  border-width: var(--input--error-border-size);
+  border-color: var(--input--error-border-color);
+}