我想删除 splitPane 内的边框,但我不知道这个边框来自哪里。
在图片中,我们可以看到红色的分割窗格边框,蓝色的两个组件边框和绿色的分隔线边框。但是在红色和蓝色边框之间,有一个白色的小部分,这是我要删除的部分。
这是为什么它困扰我的更精确的图片:
红色边框仍然是 splitPane 边框,还有这个白色部分,然后是我的 splitPane 的孩子之一。
FXML 非常简单,所以我将其发布:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.Pane?>
<Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" stylesheets="@transparentDivider.css" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1">
<children>
<SplitPane dividerPositions="0.3083623693379791" layoutX="12.0" layoutY="6.0" prefHeight="390.0" prefWidth="578.0" style="-fx-border-color: red; -fx-box-border:: transparent;">
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" style="-fx-border-color: blue;" />
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="160.0" prefWidth="100.0" style="-fx-border-color: blue;" />
</items>
</SplitPane>
</children>
</Pane>
我用于测试的 CSS:
.split-pane:horizontal > .split-pane-divider {
-fx-background-color: transparent;
-fx-border-color: green;
}