JavaFX выпадающий список выпадающий проблема разработки

Question

Я пытаюсь изменить цвет фона и цвет текста для combbox и использует следующий стиль

.root 
{ 
    //-back:#152635; 
    -darker:#272B30; 
    -dark:#3A3F44; 
    -normal:#52575C; // #555 
    -light:#7A8288; // #999 
    -lighter:#999; // #eee 
    -primary:-light; 
    -success:#62c462; 
    -info:#5bc0de; 
    -warning:#f89406; 
    -danger:#ee5f5b; 
    -fore-color:#C8C8C8; 
    -fx-background-color:-darker ; 
    -focused-color:#64c8c8; 
    -border-color:derive(-darker,50%); 
    -fx-text-fill:-fore-color; 
    -fx-font-size: 14px; 
    -fx-font-weight:100; 
    -fx-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 

} 


.combo-box-base { 
    -fx-background-color:-dark; 
    -fx-text-fill:-fore-color; 
    -fx-min-width:150px; } 

.combo-box-base *.arrow-button { 
    -fx-background-color:derive(-dark,-10%); } 

.combo-box-base *.arrow { 
    -fx-background-color:-normal; } 

.combo-box *.list-view { 
    -fx-background-color:-normal; 
    -fx-text-fill:-fore-color; } 

дизайн хорошо смотрится в сюжетном строитель, но в моем приложении, шрифт и цвет фона выпадающий список не изменяется, что немного удивляет меня. Пожалуйста, помогите мне узнать, что не так в моем CSS.

Answer 1

Хотя решение @James_D работает, если переопределить цвет фона, вы не увидите парения, заполненный или выбранный псевдо классы.

Это даст вам возможность определить свой стиль для них тоже:

.combo-box-popup > .list-view { 
    -fx-background-color: -normal; // or define other color to highlight the border 
} 
.combo-box-popup *.list-cell { 
    -fx-background: -normal; 
    -fx-selection-bar: -light; // filled:hover 
    -fx-cell-focus-inner-border: -dark; // filled:selected:hover 
    -fx-text-fill: -fore-color; 
} 

Answer 2

Вам нужно применить стиль к списку ячеек, а не в виде списка:

.combo-box *.list-view .list-cell { 
    -fx-background-color:-normal; 
    -fx-text-fill:-fore-color; }