how to change background color of selected option in dropdown of below list

Akula M S G Dev
Tera Contributor

‎03-14-2023 04:25 AM

AkulaMSGDev_0-1678793047841.png

I want to change this highlight black bar to some other bar. But iam unable to inspect .can someone help on this?

0 Helpfuls
  • 10,908 Views
2 REPLIES 2

Community Alums
Not applicable

‎03-14-2023 05:30 AM

Hello @Akula M S G Dev ,

 

You can change this in the theme css, I am adding the snippets for you reference.

AnandMahajan_0-1678796905800.png

 Changing color to red

AnandMahajan_1-1678796931440.png

 

AnandMahajan_2-1678796973797.png

 

if this solves your query, mark this as helpful & correct.

 

Regards

Anand

ChrisBurks
Mega Sage

‎03-14-2023 05:39 AM

That element looks like it is a select element. Select elements have option elements. Option elements don't have much of the way of styles that can be applied. The styles for an option element is mainly based on the OS and the browser used and styles normal can't be applied (Firefox let's you style the background of option elements though). People may have seen select options styled but in reality those option elements are replaced with other html elements to be able to style them.
Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

0 Helpfuls