为什么 JavaFX 应用程序中的按钮变白了？

Question

当您单击按钮时，我希望按钮的边框变为黑色。我使用 setStyle () 来执行此操作，但由于某种原因，按钮变为白色。

并且在 Scenebuilder 中是可以的。这种现象可能是什么原因造成的，如何纠正？

view.getAddActivityButton().setOnMouseClicked(new EventHandler<MouseEvent>() {
            @Override
            public void handle(MouseEvent event) {
    Button act = view.getAddActivityButton();
    Button search = view.getAddSearchActivityButton();
                    view.getToolbarActivityPanel().getItems().remove(view.getAddActivityButton());
                    view.getToolbarActivityPanel().getItems().remove(view.getAddSearchActivityButton());

    TextField nameOfActivityTextField = new TextField();
                     view.getToolbarActivityPanel().getItems().add(0,newActivityHBox);
    newActivityHBox.getChildren().add(0, act);
    newActivityHBox.setMargin(act,new Insets(0));
    act.setStyle("-fx-border-color: black;");
    nameOfActivityTextField.setMaxHeight(Integer.MAX_VALUE);
    newActivityHBox.getChildren().add(1,nameOfActivityTextField);
    newActivityHBox.getChildren().add(2, search);
/*...**/

 });

Answer 1

如果你调用 setStyle("some text") 被替换为整个样式，而不仅仅是指定的选项。因此，有几种方法可以绕过：

1) act.setStyle("-fx-border-color: black;-fx-background-color: black");

2)

act.getStyleClass().add( "blackButton" );
//act.setId( "blackButton" );
.blackButton {
/*#blackButton {*/
    -fx-background-color: black;
    -fx-border-color: white;
}
act.setStyle( "-fx-border-color: black;" );

3)

act.getStyleClass().add( "blackButton" );
.blackButton {
    -fx-background-color: black;
    -fx-border-color: white;
}
#blackBorder {
    -fx-border-color: black;
}
act.setId( "blackBorder" );