17、JavaFX用户界面控件详解

JavaFX用户界面控件详解

1. 界面控件样式设置

在JavaFX中，可以通过CSS来设置界面控件的样式。以下是一些常见控件的样式设置代码：

.option-button {
    -fx-background-radius: 0%;
    -fx-font-family: 'Arial Black';
    -fx-text-fill: #ffffff;
    -fx-font-weight: bold;
    -fx-font-size: 15px;
}

.check-box {
    -fx-background-radius: 0%;
    -fx-font-family: 'Arial Black';
    -fx-text-fill: #ffffff;
    -fx-font-weight: bold;
    -fx-font-size: 15px;
}

.check-box .box {
    -fx-background-color: rgba(0,0,0, 0.0), #000000, #000000, #090909;
    -fx-background-insets: 0 0 -1 0,  0,  1,  2;
    -fx-background-radius: 3; /* large value to make sure this remains circular */
    -fx-padding: 0.333333em; /* 4 -- padding from outside edge to the inner black dot */
}

.check-box:selected