📜  javafx 更改按钮背景颜色 - CSS (1)

📅  最后修改于: 2023-12-03 15:16:03.770000             🧑  作者: Mango

JavaFX 更改按钮背景颜色 - CSS

JavaFX 中的按钮是非常常见的 UI 控件之一。JavaFX 的 CSS 可以帮助我们轻松地更改按钮的外观,包括背景颜色。

使用 CSS 更改按钮背景颜色

JavaFX 中的按钮可以使用 -fx-background-color 属性来设置其背景颜色。以下是一些示例代码:

/* 设置按钮背景颜色为红色 */
button {
    -fx-background-color: red;
}

/* 设置按钮背景颜色为蓝色,并指定它的边框宽度和颜色 */
button {
    -fx-background-color: blue;
    -fx-border-width: 2px;
    -fx-border-color: black;
}

/* 设置按钮背景颜色为渐变色 */
button {
    -fx-background-color: linear-gradient(to bottom, #d4e4fc, #c4d7ed);
}
通过代码更改按钮背景颜色

JavaFX 中的按钮也可以通过代码来进行背景颜色的更改。以下是一个简单的示例:

Button button = new Button("Click me!");
button.setStyle("-fx-background-color: blue;");
结论

使用 CSS 或者代码更改 JavaFX 中的按钮背景颜色都非常简单。对于那些想要自定义按钮外观的开发者来说,JavaFX 提供了非常方便的工具。