JavaFX：按钮未正确呈现边框

Question

最近我注意到我的应用程序中的按钮无法正确呈现。

在此示例中，按钮具有灰色边框。问题是按钮的背景大于边框的边界。

如何让边框显示在背景范围之外？

Answer 1

好的，我浏览了整个项目并改变了整个地方的CSS ......然后我意识到了一些东西 - 看起来像按钮的背景填充的额外空间实际上并不是那样。

我将其添加到我的样式表中：

.root
{
    -fx-shadow-highlight-color: red;
}

令人惊讶的是，这就是现在的样子：

所以它实际上是按钮的阴影。大部分时间它并不明显，因为这是Modena.css定义它的方式：

-fx-shadow-highlight-color: ladder(
    -fx-background,
    rgba(255,255,255,0.07) 0%,
    rgba(255,255,255,0.07) 20%,
    rgba(255,255,255,0.07) 70%,
    rgba(255,255,255,0.7) 90%,
    rgba(255,255,255,0.75) 100%
);

因此，如果在任何按钮的祖先节点上指定了自定义背景颜色，则此阴影在视觉上看起来很奇怪。