创建固体分隔符答案

【问题标题】：Create solid separator创建固体分隔符
【发布时间】：2012-12-30 02:45:46
【问题描述】：

我环顾四周，找不到解决办法。

我在SceneBuilder 中添加了一个分隔符。这很容易。现在我希望这个分隔符成为solid 行。

这是我遇到的问题。我试过了：

-fx-border-style: solid;
-fx-border-width: 1px;

但这似乎不起作用或这两者的任何组合。

【问题讨论】：

【解决方案1】：

我认为你错过了下面 css 中的行部分

.separator *.line { 
-fx-border-style: solid;
-fx-border-width: 1px;

}

边框宽度为 5px

提示：使用 CSS Analayzer 了解节点特定部分的 css 类/选择器，您可以在 scenebuilder 1.1 中找到 css 分析器 @ Windows 中的 987654323@ 或 ctrl+6 快捷方式。

【讨论】：

【解决方案2】：

它解决了你的问题，这也是我的问题：

.separator *.line {
    -fx-border-style: solid;
    -fx-border-width: 0 0 1 0; /* its make really one-pixel-border */
    -fx-border-color: red;
}

【讨论】：

【解决方案3】：

其他答案都不适合我。我终于给了它一个负填充，因为我注意到分隔线形成了一个矩形，它就像一个魅力。

.separator *.line{
    -fx-border-style: solid;
    -fx-padding: 0 -50 0 0;
}

【讨论】：

【解决方案4】：

我不想更改所有我的分隔符，只是那个，所以我需要它作为一个自定义类（在这里选择"blackSeparator"）。此外，我发现我不需要 * 通配符，像素宽度需要为 0.5px 才能获得 1 像素宽度。

解决办法：

    .blackSeparator.separator .line {
        -fx-border-width: 0.5px;
        -fx-border-color: black;
    }

【讨论】：