如何摆脱JavaFX中的灰色选择边框

Question

我正在开发一个项目，并使用JavaFX 8进行GUI。当我单击tabpane选项卡内的文本时，文本周围会出现一个灰色的薄框，如下图所示。当我点击其他地方时它会消失。有谁知道如何摆脱这个盒子？最好使用CSS。

提前致谢。

CSS：

>>> r=True
>>> r|=False
>>> r
True
>>> r=False
>>> r|=False
>>> r
False
>>> r|=True
>>> r
True

Answer 1

灰色矩形为Region，样式类为.focus-indicator，您可以隐藏它：

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-color: transparent;
}

Answer 2

将其添加到CSS文件中：

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-color: transparent;
}

我在modena.css文件中找到了它。其中包含特定于JavaFX-8的CSS。

modena.css