2017-01-23 19 views
0

最近我注意到,在我的应用程序的按钮不正确的渲染。JavaFX的:边框不能正确渲染的按钮

enter image description here

在本例中,按钮具有灰色边框。问题是按钮的背景比边界的边界大。

如何使边框看起来只是背景的边界之外?

+0

是否使用此自定义CSS?如果是这样,你可以发布它吗? –

回答

0

好吧,我通过我的整个项目看,改变了CSS各地的地方......然后我意识到的东西 - 那看起来像按钮的背景填充额外的空间,是不是实际上是。

我将此添加到我的样式表:

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

令人奇怪的是,这是怎么看起来像现在:

enter image description here

所以它实际上是按钮阴影。大多数的不是很明显的时候,因为这是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% 
); 

因此,如果在任一按钮的祖先节点的指定自定义背景色,那么这个阴影会在视觉上看起来很奇怪。

+0

嗯,我尝试了一个全新的项目,它没有这个问题.... – Jai