JavaFX文本双下划线间距

Question

我在JavaFX应用程序中也有一个标签，我也需要应用双下划线。我知道这可能与基本属性有关，但是相反，我将以下CSS应用于标签，这使它具有双下划线的“效果”

.double-underline {
    -fx-border-color: #FFFFFF;
    -fx-border-width: 0 0 1 0;
    -fx-underline: true;
}

现在这确实给了我想要的效果，但是如果可能的话，我需要增加文本和实际下划线之间的间距。我怎样才能做到这一点？

如果存在我可以应用的“双”边框样式，则会更容易，但是我不知道

这是现在的样子

我也希望它看起来更像这样

提前致谢

Answer 1

您可以使用CSS调整边框的位置：

.double-underline {
    -fx-border-color: black;
    -fx-border-width: 0 0 1 0;
    -fx-underline: true;

    -fx-padding: 0 0 -1 0;
}

编辑：正如乌鲁克·比伊（Uluk Biy）所说，以上代码片段将边框与实际下划线合并在一起。因此，这将满足您的要求：

.double-underline {
    -fx-border-color: black, transparent, black;
    -fx-border-width: 0 0 1 0, 0 0 1 0, 0 0 1 0;
    -fx-border-insets: 0 0 1 0, 0 0 2 0, 0 0 3 0;
}

代替使用带下划线的标签，而是配置双边框，然后仅使用插图即可。