从SplitPane中删除边框

Question

我已经在这个问题上做了一些研究，发现a post that could’ve been relevant只包含了我想要的答案。我希望移除SplitPanes周围的边界，它们会变得越大，你在彼此之间创建的SplitPanes越多。

下面是发生的事情：

​

​

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

我附加的帖子中有这个解决方案：

-fx-box-border: transparent;

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

也许有人可以给我指出正确的方向，关于如何完全删除SplitPane周围的边界？

Answer 1

你猜怎么着？在发帖之后，我偶然发现了当前版本的Java的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类

​

​