fix(select): set color for selected option

ovh · Jul 29, 2024 · 80c5964 · 80c5964
1 parent 65d788d
commit 80c5964
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/packages/ods/src/components/select/src/components/ods-select/ods-select.scss b/packages/ods/src/components/select/src/components/ods-select/ods-select.scss
@@ -92,10 +92,19 @@ $select-padding-right: $select-caret-size + ($select-base-padding * 2);
         opacity: 1;
       }
 
-      &.active,
-      &:hover {
+      &[data-selectable]:not(.selected):hover,
+      &.active:not(.selected) {
         background-color: var(--ods-color-primary-100);
       }
+
+      &.selected {
+        background-color: var(--ods-color-primary-200);
+
+        &:not([data-selectable]) {
+          background: var(--ods-color-neutral-200);
+          color: var(--ods-color-primary-000);
+        }
+      }
     }
 
     .optgroup {