# Styling a select or mutli-select against a dark background

**URL:** <https://community.appfarm.io/t/styling-a-select-or-mutli-select-against-a-dark-background/159>\
**Category:** Ask the community\
**Created:** [January 10, 2023, 12:49pm UTC](https://community.appfarm.io/t/styling-a-select-or-mutli-select-against-a-dark-background/159 "2023-01-10T12:49:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![torstro](https://avatars.discourse-cdn.com/v4/letter/t/5daacb/32.png) [@torstro](https://community.appfarm.io/u/torstro)\
**Post date:** [January 10, 2023, 12:49pm UTC](https://community.appfarm.io/t/styling-a-select-or-mutli-select-against-a-dark-background/159/1 "2023-01-10T12:49:19Z")

</div>

I am trying to use a select field against a dark background, but even with opacity at 100 there is some color coming through making the select field almost invisible. Is it possible to change the color value of a select component?

---

<div class="post-metadata">

**Author:** ![HJT](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/hjt/32/64_2.png) [@HJT](https://community.appfarm.io/u/HJT)\
**Post date:** [January 10, 2023, 3:34pm UTC](https://community.appfarm.io/t/styling-a-select-or-mutli-select-against-a-dark-background/159/2 "2023-01-10T15:34:03Z")

</div>

Hi!

There is currently no options to override this color for a text-input, select or multi select.  
But it’s definitely something that we will look into for the future.

For now you have some options:

1. Add a parent container to your select component.
2. Give the container a white background color.
3. Set the border radius for the correct corners matching the border radius of your select container.

This should give you a result like on the attached image:

![Skjermbilde 2023-01-10 kl. 16.33.04](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/13ec06439a2c51afbd5c3a1d8e7f5279e283a37b.png)