如何为Vaadin Select组件的弹窗设置专属样式

你设置的search-bar_popup类名是添加在弹窗的容器（<vaadin-select-overlay>）上，而非直接加在<vaadin-select-item>上，所以之前的选择器无法匹配到目标元素。正确的CSS写法是通过弹窗容器的类名定位内部的选项：

vaadin-select-overlay.search-bar_popup vaadin-select-item {
    background: black;
    color: white;
}

如果需要调整弹窗容器本身的样式（比如背景、边框），可以直接针对容器类名设置：

vaadin-select-overlay.search-bar_popup {
    border: 1px solid #ddd;
    background: #111;
}

你的Java代码无需修改，setOverlayClassName是给弹窗容器添加类名的正确方式。

内容的提问来源于stack exchange，提问作者Brett Sutton