Jump to menu blue color change

[Xtro]

How do I change the blue color of the link bar on the "jump to" menu?

[Kindred]

use the browser inspect tool to find the CSS for your theme... since the default theme is not blue int he jump to -- it may be different

#display_jump_to_select, #message_index_jump_to_select, #search_jump_to_select, #quick_mod_jump_to_select

[Xtro]

I found this code but don't see any way to change the color. Maybe there is a way to add it?
I've looked at many different themes and this is blue on every one, even when it doesn't match the theme.

Code Select Expand

/* The category separator string is 29 dashes */
#display_jump_to_select,
#message_index_jump_to_select,
#search_jump_to_select,
#quick_mod_jump_to_select {
   width: 29ch;
}

[Kindred]

I mean... it's not blue HERE on this site, using the default theme...

It's not blue on my test site https://test2.turtleshellprod.com/index.php?board=1.0

[Illori]

it is blue on this site.

[Kindred]

it is blue on this site.

That's background,  not the link..

[Xtro]

it is blue on this site.

That's background,  not the link..

This is what I want. How do I change this blue color to something else?

[Kindred]

strange -- it's grey for me here....

anyway -- looking it up....  it apparently requires javascript to do.
You can change the color of the CURRENTLY selected board in the dropdown using #message_index_jump_to_select option:active {background-color:red;}

however, option:hover, option:focus, option:checked all have no effect...
 

[Sesquipedalian]

It sounds like you are trying to change how the contents of the select menu are styled—or more precisely, how the option elements within the select menu are styled. If so, I'm afraid there's nothing you can do. The styling used for option elements is determined by the browser alone, and it will vary from browser to browser. It is impossible to change it via the website's CSS.

The JavaScript option that @Kindred mentioned involves a process that essentially obliterates the select menu and replaces it with a different thing built manually from JavaScript. Doing so is a painful process, and the result is somewhat unreliable.

[TwitchisMental]

Uhh guys that can definitely be styled. 

It is a combination of editing this section -

Code Select Expand

input, button, select, textarea
and adding -

Code Select Expand

option:not(:checked) {
background: insertcolorhere!important;
}
option:hover {
background: insertcolorhere!important;
}
If you would like a live example of this see my GamingX theme.

[Kindred]

Nope..  that didn't work for me.  That was the first thing that I tried.

Seriously,  every reference question in stack overflow, etc says that it requires js

[Sesquipedalian]

Which browser are you using when you see that, @TwitchisMental? Did you test with other browsers?

[Diego Andrés]

Probably Firefox.
Chromium does have the new select styling now behind a feature flag, highly unlikely it releases this year though.

[Sesquipedalian]

Interesting. Hopefully one day all browsers will add support for that.

[TwitchisMental]

Interesting... so it works in Firefox and Edge. Chrome the only thing not showing the same is the option hover bg color.