6

我环顾四周,找不到解决方案。

我在SceneBuilder. 这很简单。现在我希望这个分隔符成为一条solid线。

这是我遇到的问题。我努力了 :

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

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

4

4 回答 4

18

我认为您错过了以下 CSS 中的行部分

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

}

边框宽度 5px

在此处输入图像描述

提示:使用CSS Analayzer了解节点特定部分的 css 类/选择器,您可以在scenebuilder 1.1 view -> Show css Analyzer中找到 css 分析器或ctrl+6在 windows 中找到快捷方式。

于 2013-01-16T00:15:44.010 回答
13

它解决了您的问题,这也是我的问题:

.separator *.line {
    -fx-border-style: solid;
    -fx-border-width: 0 0 1 0; /* its make really one-pixel-border */
    -fx-border-color: red;
}
于 2015-06-04T05:08:41.830 回答
0

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

.separator *.line{
    -fx-border-style: solid;
    -fx-padding: 0 -50 0 0;
}
于 2018-09-05T20:04:41.097 回答
0

我不想改变我所有的分隔符,只是那个,所以我需要它作为一个自定义类("blackSeparator"在这里选择)。此外,我发现我不需要*通配符,并且像素宽度需要0.5px得到 1 像素宽度。

解决方案:

    .blackSeparator.separator .line {
        -fx-border-width: 0.5px;
        -fx-border-color: black;
    }
于 2021-11-08T12:19:18.187 回答