如何使按钮的方形边框适合图像的圆角边框

Question

您好，我尝试制作一个带有圆形照片的圆形按钮，但是边框仍然是正方形，使得按钮在图像外部可以点击

有我的CSS代码

#button{
    -fx-background-color: transparent;
    -fx-background-image: url("utils/SmileyFace.png");
    -fx-border-radius: 25px;

}

我想消除图像之外的所有按钮部分