Set the background color on <option> to fix readability issue (#5278)

WordPress · Dec 16, 2024 · d979b1c · d979b1c
1 parent 87ce0b3
commit d979b1c
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/src/components/VSelectField/VSelectField.vue b/frontend/src/components/VSelectField/VSelectField.vue
@@ -104,10 +104,13 @@ const splitAttrs = computed(() => {
       v-bind="splitAttrs.nonClassAttrs"
       :aria-label="labelText"
     >
-      <option v-if="blankText" disabled value="">{{ blankText }}</option>
+      <option v-if="blankText" class="bg-overlay" disabled value="">
+        {{ blankText }}
+      </option>
       <option
         v-for="choice in choices"
         :key="choice.key"
+        class="bg-overlay"
         :value="choice.key"
         :selected="choice.key === selectValue ? true : undefined"
       >