Style Select native invalid state as well

Amsterdam · May 24, 2024 · 8abaf13 · 8abaf13
1 parent 9e0927a
commit 8abaf13
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/packages/css/src/components/select/select.scss b/packages/css/src/components/select/select.scss
@@ -37,12 +37,9 @@
   @include reset;
 }
 
+.ams-select:invalid,
 .ams-select[aria-invalid="true"] {
   box-shadow: var(--ams-select-invalid-box-shadow);
-
-  &:hover {
-    box-shadow: var(--ams-select-invalid-hover-box-shadow);
-  }
 }
 
 .ams-select:disabled {
@@ -55,6 +52,11 @@
   }
 }
 
+.ams-select:invalid:hover,
+.ams-select[aria-invalid="true"]:hover {
+  box-shadow: var(--ams-select-invalid-hover-box-shadow);
+}
+
 .ams-select__option:disabled {
   color: var(--ams-select-option-disabled-color);
 }