accessibility(Datepicker) implemented styling for focus states on sel…

…ect elements materializecss#522
gselderslaghs · Jan 19, 2025 · 5b081b4 · 5b081b4
1 parent 8df79c7
commit 5b081b4
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/sass/components/_datepicker.scss b/sass/components/_datepicker.scss
@@ -26,11 +26,18 @@
     input {
       &:focus {
         border-bottom: none;
+        background-color: var(--md-sys-color-primary-container);
       }
 
+      &::selection {
+        background-color: transparent;
+      }
+
+      height: 49px;
+      margin: 4px 0 0 0;
       border-bottom: none;
+      border-radius: 4px;
       text-align: center;
-      margin: 0;
     }
 
     .caret {