JavaFx ComboBoxはドロップダウンメニューをカスタマイズします

Question

コンボバーのドロップダウンメニューをカスタマイズしたいと思います。次の画像を見る

青いホバーバー、ホバーされたテキストの色、テキストのフォント、およびデフォルトのテキストのフォントを変更したいと思います。

ありがとうございました。

-UPDATED-

私が唯一のみ展開されたメニューを変更している。この

comboBox.setStyle("-fx-background-image: url('" + ImageUtils.getPath() + "fieldTextBkg.png');" 
      + "-fx-text-box-border: transparent;" 
      + "-fx-background-color: transparent, transparent, transparent, transparent;" 
      + "-fx-text-alignment: center;"); 

を達成しました。内側のドロップダウンリストを変更するために何をしようとしていても、私は達成することはできません。例えば、青色のバーを緑色に変更することができます。全体の背景は白ではなく黒で、テキストはフォントであるカリブリである。

ありがとうございます。

Answer 1

あなたはあなたのアプリケーションのための外部CSSファイルに次のように配置することによって、ポップアップ内のセルのスタイルを変更することができます。

.combo-box .combo-box-popup .list-view, .combo-box .combo-box-popup .list-cell { 
    -fx-background-color: black ; 
    -fx-text-fill: white ; 
    -fx-font-family: "Calibri" ; 
} 
.combo-box .combo-box-popup .list-cell:hover { 
    -fx-text-fill: yellow ; 
    -fx-background-color: green ; 
} 

あなたが選択したセルのための疑似クラス:selectedを使用することができます。 （すなわち、.combo-box .combo-box-popup .list-cell:selected { ... }）。

あなたはコンボボックス「ボタン電池」（すなわち、ポップアップで表示されていない1）セレクタでは

.combo-box > .list-cell { /* ... */ } 

より多くのオプションのためのデフォルトのスタイルシートについてCSS documentationあるいはsource codeを参照のスタイルを設定することができます。

Answer 2

ここではいくつかの解明です：あなたは、[CSS]（http://docs.oracle.com/javase/8/javafx/api/javafx/scene/doc-files/cssrefでこれを行う

/*Edit The control itself*/ 
.combo-box{ 

-fx-background-color:purple; 

} 

/*Edit Normal Cell color */ 
.combo-box .list-cell{ 

-fx-background-color:red; 


} 

/*Edit Cell Color Only when cursor hover cell */ 
.combo-box .list-cell:hover{ 

-fx-background-color:green; 
} 

/*Edit Cell Color Only when selected */ 
.combo-box .list-cell:selected{ 

-fx-background-color:blue; 

}