从SplitPane中删除边框

Question

我已经对这个主题进行过一些研究，并找到a post that could’ve been relevant，如果它只包含我所追求的那种答案。我希望删除SplitPane周围的边框，这些边框越大，您在彼此之间创建的SplitPane越多。

以下是发生的事情：

图片中的灰色是SplitPane分隔线。红色是我试图完全移除的边界。

我附上的帖子有解决方案：

-fx-box-border: transparent;

有了这样的问题，你希望找到一个答案来解释它是如何完全删除的。那段代码只将边框的颜色切换为透明 - 意味着它仍然存在！

也许有人可以指出我如何完全消除SplitPane周围的边界？

Answer 1

猜猜是什么？发布后，我遇到了当前版本Java FX的modena.css样式表。看起来我的研究毕竟不够好。

以下是解决方案：

.split-pane
{
    -fx-padding: 0;
}

好像通过魔法 - 愚蠢的边界已被移除！

Answer 2

干得好。 只是添加，我发现我需要在我的SplitPane的分隔符上专门设置填充，就像在CSS文件中一样：

.split-pane-divider {
  -fx-padding: 0; 
}

Answer 3

要删除边框使其在 css 中透明为：

制作一个 css 文件 splitpane.css(可以选择任何名称)

.split-pane > .split-pane-divider {
    -fx-background-color: transparent;
}

然后在拆分窗格属性选项卡中的样式表中添加这个css罚款（如图所示） 然后在样式中选择那个css类