JavaFX组合框列表样式

Question

我正在尝试更改JavaFX组合框列表的文本颜色，但它似乎不起作用。

.combo-box .list-cell {
    -fx-text-fill: -fx-my-menu-font-color-highlighted;
}
.combo-box-popup .list-view{
    -fx-background-color: -fx-my-menu-color;
}

.combo-box-popup .list-view .list-cell{
    -fx-text-fill: #ff0000;
    -fx-padding: 4 0 4 5;
    -fx-background-color: -fx-my-menu-color;
}

.combo-box-popup .list-view .list-cell:filled:selected, .combo-box-popup .list-view .list-cell:filled:selected:hover{
    -fx-background-color: -fx-my-menu-color-highlighted;
    -fx-text-fill: -fx-my-menu-font-color-highlighted;
}

.combo-box-popup .list-view .list-cell:filled:hover{
    -fx-background-color: -fx-my-menu-color-highlighted;
    -fx-text-fill: -fx-my-menu-font-color-highlighted;
}

.combo-box-base{
    -fx-background-color: -fx-my-menu-color;
    -fx-padding: 0;
}

返回以下内容： 下拉列表文本不是白色

我该如何解决这个问题？我的CSS知识不是很强。

Answer 1

下面的示例应该可以正常工作 - 如果没有，请从CSS中删除可能影响popop列表的其他条目。可能另一个条目具有更高的优先级。

.combo-box-popup .list-cell {    
    -fx-background-color: white;    
    -fx-text-fill: red;
}

要提高特异性，您也可以尝试以下设置

.combo-box-popup > .list-view > .virtual-flow > .clipped-container > .sheet > .list-cell {
        -fx-background-color: white;    
        -fx-text-fill: red;
}