Change Select item background color

Dependencies check up

[X] I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.13.3

What package has an issue?

@mantine/core

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

Is there a way of changing the background color of the selected item/input area of the Select component? I've tried all possibly relevant options (https://mantine.dev/core/select/?t=styles-api) but still, the color remains the default one. Seeing as all other parts can be modified, I must be missing something from the docs?

.mantine-Select-input{
  background-color: red;
}

.mantine-Select-section{
  background-color: red;
}

.mantine-Select-root{
  background-color: red;
}

.mantine-Select-label{
  background-color: red;
}

.mantine-Select-required{
  background-color: red;
}

.mantine-Select-description{
  background-color: red;
}
.mantine-Select-error{
  background-color: red;
}
.mantine-Select-dropdown{
  background-color: red;
}
.mantine-Select-options{
  background-color: red;
}
.mantine-Select-option{
  background-color: red;
}
.mantine-Select-empty{
  background-color: red;
}
.mantine-Select-group{
  background-color: red;
}
.mantine-Select-groupLabel{
  background-color: red;
}

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix