How to style an option selector

Question

Good afternoon, you guys,

I’m looking for a way to style a select but I’m not getting it, and I’m also not getting material on the internet to do it, if you can help me thank you.

And the next one I want to put one part in bold and the other part leave normal like:

<select name="">
      <option value=""><strong>Nome</strong> - Nome</option>
      <option value=""><strong>Nome1</strong> - Nome1</option>
      <option value=""><strong>Nome2</strong> - Nome2</option>
</select>

The Strong or the b put like that doesn’t work.

Answer 1

I believe that it is not possible to style, because it is rendered internally by the browser, that is, in some browsers it can work, and others it cannot. You can try styling an option for whole.

option:nth-child(1), option:nth-child(4) {
    font-weight:bold;
}

Source: https://stackoverflow.com/questions/9078927/css-select-dropdown-bold-on-some-options

You can also use Select2, allows you to build more complex dropdown