css - JavaFX - 用图像替换标准复选框

Question

我想做的是用我自己的图片替换标准的 JavaFX 复选框。我做了很多搜索，我发现:

• -fx-graphic : url
• -fx-background-image : url

但是，在这两种情况下，都不是我想要的。

Answer 1

这是我用来用我自己的图像替换复选框的 CSS。这基于 JavaFX8 Modena 样式表，但对于 Caspian 应该相当接近。将 URL 替换为图像相对于 CSS 工作表的位置。

.check-box>.box {
  -fx-background-insets: 0;
  -fx-background-radius: 0;
  -fx-background-color: transparent;
}

.check-box>.box>.mark {
  -fx-background-image: url("unmarked.png");
  -fx-background-position: center;
  -fx-background-repeat: stretch;
  -fx-shape: none;
}

.check-box:selected>.box>.mark{
  -fx-background-color: transparent;
  -fx-background-image: url("marked.png");
}