Select component styling bug?

General
1

Hello,

Basically I have a few Select fields. I want to change colors but when set a classname it does not care
This is the basic Select:
Select<String> sel = new Select<>(); sel.setItems("item 1", "item 2", "item 3"); sel.addClassName("some-class");

in style.css I have following does NOT work.
.some-class vaadin-select-item { color:#0099FF; font-weight:bold; }

But when put just vaadin-select-item, it changes all Select fields, which I don’t want.
vaadin-select-item { color:#0099FF; font-weight:bold; }

2

Did you check the documentation

4

Since the dropdown items are children not of the Select itself, but of its overlay (which is a separate element in a different part of the DOM), you need to apply an overlayClassname instead, and use that to target the items.