Styling a select or mutli-select against a dark background

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?

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

2 Likes