Can I select a CSS style selection option from the drop-down menu?

Question

I looked at this post on the Stackoverflow forum.

How is the <option> style with CSS?

Many people have argued that this cannot be achieved in CSS, and there are a number of browser compatibility issues.

I tried to encode my css for the above attached image (circled in red) using the following.

.hovercard-container .dropdownfield select option{
  background-color: #BDBEC1;
  border: 1px solid #000;
}

But this does not work in Safari / Chrome / IE. Works only in Firefox.

Can anyone else style the CSS style with a drop-down list for the selected parameter tags? If not, are there any other methods that will allow me to style like the image above?

Answer 1

-. , , .

jQuery, https://plugins.jquery.com/select2/ https://plugins.jquery.com/chosen/ - <SELECT> .