Change <fluent-select> and <fluent-option> background color in CSS

[BenjaminTGa]

I'm trying to change the background colors of the and elements in CSS. I can change it to the "accent" appearance, which is a blue by default, or a custom color. This is the code I'm using to create the :

      <fluent-select title="Select a page to navigate to">
        <fluent-option value="1" onclick="console.info('Beginning clicked.')">Beginning</fluent-option>
        <fluent-option value="2">Middle</fluent-option>
        <fluent-option value="3">End</fluent-option>
      </fluent-select>

I tried this to change the color:

fluent-select {
    background-color: red;
}

This turned the element's color red while the page was loading, but then turned back to white. Somehow, I'm able to change the font color with color: #FFFFFF; but not the background color. Is this even possible?