javafx复选框之DIY设计

javafx自带的CheckBox复选框的方框实在太丑，而且太小不能自定义，边框、背景，可设计的太局限了。我本想在登录界面上加个自动登录和记住密码的选项，准备用复选框实现，然而实在太丑了，找不到很好的美化方案，最后还是选择了DIY设计。先给个最终效果图，这个登录界面是仿QQ登录设计的，那个背景gif，需要的私聊我。


嗯，那下面就来说说这个DIY的复选框是如何实现的。
其实实现起来还是蛮简单的，首先去阿里巴巴矢量图标库，下载两个图标，一个是未选中的灰色框，一个是已选中的带颜色的框（这个看个人喜好）。然后开始进入fxml设计，拖入四个button，其中两个button要完全重叠在一起，思路就是你点击上面那个button，然后就隐藏，显示下面那个button。这样就实现了复选框的目的。然后设计css，这里贴一下css代码：

#save_pass1{
    -fx-background-image:url("Image/no.png");
        -fx-background-size:16px 16px;
        -fx-background-repeat: no-repeat;
        -fx-background-color:transparent;
        -fx-background-