How to change the selection background color of the selected item in the popup menu of the choice box ?

Question

How to change the selection background color of the selected item in the popup menu of the choice box ?
By defaut, the selection background color likes "blue", but if I want it to be "yellow" for example, how should I do ?
Thanks

Answer 1

The id is applied by (I think) the skin class of the ChoiceBox. You don't need to define it.
You have to apply the css in an external style sheet. You can apply the external style sheet to any parent of your choice box, or to the scene (the most usual way to do it).
Example:
import java.util.ArrayList;
import java.util.List;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ChoiceBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
public class ChoiceBoxTest extends Application {
  @Override
  public void start(Stage primaryStage) throws Exception {
    primaryStage.setTitle("Example 2");
    final ChoiceBox<String> choiceBox = new ChoiceBox<>();
    List<String> tempResult = new ArrayList<String>();
    for (int i = 0; i < 10; i++) {
      tempResult.add("Item " + i);
    choiceBox.getItems().setAll(tempResult);
    VBox root = new VBox();
    root.getChildren().add(choiceBox);
    final Scene scene = new Scene(root, 300, 250);
    scene.getStylesheets().add("choiceBox.css");
    primaryStage.setScene(scene);
    primaryStage.show();   
  public static void main(String[] args) {
    launch(args);
choiceBox.css:
@CHARSET "UTF-8";
#choice-box-menu-item:focused  {
-fx-background-color: yellow ;
#choice-box-menu-item .label {
-fx-text-fill: black ;
Message was edited by: James_D