如何获取DatePicker的正确CSS项(JavaFX11)

.date-picker {
    -fx-font-size: 14px;
    -fx-font-family: Arial;
    -fx-text-fill: #000000;
    -fx-background-color: #FFFFFF;
    -fx-border-color: #CCCCCC;
    -fx-border-width: 1px;
}

.date-picker .arrow-button {
    -fx-background-color: #CCCCCC;
    -fx-background-radius: 0;
}

.date-picker .arrow-button:hover {
    -fx-background-color: #DDDDDD;
}

.date-picker .arrow-button:pressed {
    -fx-background-color: #AAAAAA;
}

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.DatePicker;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        DatePicker datePicker = new DatePicker();
        datePicker.getStyleClass().add("date-picker");

        VBox root = new VBox(datePicker);
        Scene scene = new Scene(root, 400, 300);
        scene.getStylesheets().add("path/to/your/css/file.css");

        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}