创建固体分隔符

Question

我已经看了很多，找不到解决方案。

我在SceneBuilder添加了一个分隔符。这很简单。现在我想要这个分隔符是solid行。

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

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

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

Answer 1

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

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

}

寄宿宽度为5px

提示：使用 CSS Analayzer 了解节点特定部分的css类/选择器，您可以在 scenebuilder 1.1 {中找到css分析器Windows中的{1}}或view -> Show css Analyzer快捷方式。

Answer 2

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

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

Answer 3

没有其他答案对我有用。我终于给它添加了负填充，因为我注意到分隔线形成一个矩形，并且它就像一个吊饰一样工作。

SCNNode