css - 在 javaFX 中按下 'Tab' 按钮时如何使按钮聚焦?

标签 css javafx hover focus javafx-8

This is the Image link of my fxml file...

在上面显示的 javaFx 简单表单窗口中,当我按下选项卡按钮时,它将转到确定按钮,下一个选项卡将转移到取消按钮。但是,文本字段上显示的焦点不会转移到按钮上。
但是当鼠标光标移到按钮上时,悬停效果完美。
按下选项卡按钮时如何使这些按钮聚焦/悬停在不同的颜色上(而不是通过将鼠标光标移动到它们上面)? 感谢期待。

最佳答案

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

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);
    }
}

你的应用程序.css:

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

关于css - 在 javaFX 中按下 'Tab' 按钮时如何使按钮聚焦?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36676920/

相关文章:

java - Node.getChildren() 是否可能不返回所有 child ?

java - 在网页上运行java(FX)制作的应用程序

html - CSS 图像网格对每个图像具有悬停效果

javascript - html 表格如何通过更改悬停时的边框来突出显示列?

css - 在悬停 css 上显示 div 仅不起作用

css - 为什么我的样式没有应用于自定义 Toast 类?

html - 两个div上的一个div位置

html - Nodejs 提供的 HTML 页面中静态资源的链接不起作用

java - 阻止 Win+R 打开运行工具

html - 窗口高度调整大小后覆盖不全屏