Kevin Powell - Community•2y ago

Help finding class name for drop-down menu.

Hey! I have this dropdown menu that I can't inspect to find the class name, I've tried the tricks of disabling javascript, using the chrome debugger to freeze etc. The problem is that anything other than left clicking removes the drop-down menu. I think it doesn't have any styling or classes and is using default bootstrap but I cannot find it anywhere. It also seems to be using jQuery selectbox. I can style the text and background color of the dropdown, just not the blue active/hover:

select option, select optgroup {
  color: #929eaf;
  text-transform: uppercase;
  background-color: #080b0f;
}

select option, select optgroup {
  color: #929eaf;
  text-transform: uppercase;
  background-color: #080b0f;
}

This is the form HTML:

<select
  class="form-select"
  aria-label="Website Language"
  name="language_field"
  id="language_field"
>
  <option value="english" selected="selected">English</option>
  <option value="spanish">Spanish</option>
</select>

<select
  class="form-select"
  aria-label="Website Language"
  name="language_field"
  id="language_field"
>
  <option value="english" selected="selected">English</option>
  <option value="spanish">Spanish</option>
</select>

Any help much appreciated!

3 Replies

Mannix•2y ago

there is now way to change that blue color. You would need to create your own version to style it properly

FotekOP•2y ago

Thanks for the info, I presume this dropdown is using default browser styling/structure?

Mannix•2y ago

yup

Gaming

Programming

Help finding class name for drop-down menu.