Css 如何在按下';选项卡';javaFX中的按钮?

Css 如何在按下';选项卡';javaFX中的按钮?,css,javafx,hover,focus,javafx-8,Css,Javafx,Hover,Focus,Javafx 8,在上面显示的javaFx中的一个简单表单窗口中,当我按下tab按钮时,它将转到ok按钮,下一个tab将切换到cancel按钮。但是,文本字段上显示的焦点不会转移到按钮上。但是当鼠标光标在按钮上移动时,悬停效果会非常好。 当按下tab按钮时,如何使这些按钮以不同的颜色聚焦/悬停(而不是移动鼠标光标)? 期待您的光临。您可以在样式表中设置按钮的颜色 public class YourApp extends Application { @Override public void st

在上面显示的javaFx中的一个简单表单窗口中,当我按下tab按钮时,它将转到ok按钮,下一个tab将切换到cancel按钮。但是,文本字段上显示的焦点不会转移到按钮上。
但是当鼠标光标在按钮上移动时,悬停效果会非常好。
当按下tab按钮时,如何使这些按钮以不同的颜色聚焦/悬停(而不是移动鼠标光标)?
期待您的光临。

您可以在样式表中设置按钮的颜色

public class YourApp extends Application {

    @Override
    public void start(Stage primaryStage) {

        TextField txt = new TextField("test");

        Button btnOk = new Button("OK");
        btnOk.setId("buttonOk");

        Button btnCancel = new Button("Cancel");
        btnCancel.setId("buttonCancel");

        VBox box = new VBox(txt, btnOk, btnCancel);
        Scene scene = new Scene(box);

        scene.getStylesheets().add(getClass().getResource("yourApp.css").toExternalForm());

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

    public static void main(String[] args) {
        launch(args);
    }
}
yourApp.css:

#buttonCancel:hover,
#buttonCancel:focused {
    -fx-background-color: blue;
}
#buttonOk:hover,
#buttonOk:focused{
    -fx-background-color: green;
}

请张贴您的密码。非常感谢。这太简单了,就像html中的css;)