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;
}

不使用带下划线的标签，而是配置双边框，然后只使用插图。