Skip to content

Commit 180f509

Browse files
Update select text color (#129)
1 parent 5660952 commit 180f509

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

components/input/Select.vue

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@
2626
v-for="option of options"
2727
:key="option?.value ?? ''"
2828
:value="option?.value ?? ''"
29+
class="text-black bg-white"
2930
>
3031
{{ t(option?.label ?? '') }}
3132
</option>
@@ -97,6 +98,9 @@ export default defineComponent({
9798
.input-type select {
9899
@apply pl-4 pr-12 py-3 text-base font-body text-white transition ease-out duration-500 rounded-md focus:outline-none ring-2 ring-tertiary focus:ring-offset-2 focus:ring-offset-tertiary focus:ring-accent;
99100
}
101+
.input-type select option {
102+
@apply text-black bg-white;
103+
}
100104
.input-type.sm select {
101105
@apply text-xs pl-3.5 pr-10 py-3;
102106
}
@@ -114,6 +118,9 @@ export default defineComponent({
114118
.btn-type select {
115119
@apply text-base pl-4 pr-12 py-3 rounded border border-accent focus:ring-4 focus:ring-tertiary h-fit w-fit text-white font-medium font-body transition-basic outline-none;
116120
}
121+
.btn-type select option {
122+
@apply text-black bg-white;
123+
}
117124
.btn-type.sm select {
118125
@apply text-xs pl-3.5 pr-10 py-3;
119126
}

0 commit comments

Comments
 (0)