当*不*聚焦时移除JavaFX ScrollPane滚动条周围的边框

Question

我有一个奇怪的问题。 我已经使用 CSS 在 JavaFX 中对 ScrollPane 的滚动条进行了样式设置，但是现在每次 ScrollPane处于焦点时，边框都会消失。 但是，如果我单击窗格外的按钮，它会返回。
以下是图片：
不专心 专注 这是CSS：

 .scroll-bar:horizontal .track, .scroll-bar:vertical .track{ -fx-background-color :transparent; -fx-border-color :transparent; -fx-background-radius : 2.0em; } .scroll-bar:horizontal .increment-button , .scroll-bar:horizontal .decrement-button { -fx-background-color :transparent; -fx-background-radius : 0.0em; -fx-padding :0.0 0.0 10.0 0.0; } .scroll-bar:vertical .track-background, .scroll-bar:horizontal .track-background { -fx-background-color: transparent; -fx-background-insets: 0; -fx-background-radius: 2em; } .scroll-bar:vertical .increment-button , .scroll-bar:vertical .decrement-button { -fx-background-color :transparent; -fx-background-radius : 0.0em; -fx-padding :0.0 10.0 0.0 0.0; } .scroll-bar .increment-arrow, .scroll-bar .decrement-arrow{ -fx-shape : " "; -fx-padding :0.15em 0.0; } .scroll-bar:vertical .increment-arrow, .scroll-bar:vertical .decrement-arrow{ -fx-shape : " "; -fx-padding :0.0 0.15em; } .scroll-bar:horizontal .thumb, .scroll-bar:vertical .thumb { -fx-background-color : #dddddd; -fx-background-insets : 2.0, 0.0, 0.0; -fx-background-radius : 2.0em; } .scroll-bar:horizontal .thumb:hover, .scroll-bar:vertical .thumb:hover { -fx-background-color : #9e9e9e; -fx-background-insets : 2.0, 0.0, 0.0; -fx-background-radius : 2.0em; } .scroll-bar{ -fx-background-color: transparent; -fx-background-radius: 2em; -fx-focus-color: transparent; -fx-faint-focus-color: transparent; } .scroll-bar:vertical:focused { -fx-background-color: transparent; }

Answer 1

尝试设置-fx-focus-color并在.scroll-bar类（常规类，而不是:focused伪类）中使用插图：

.scroll-bar {
    -fx-focus-color: transparent;
    -fx-background-insets: -1.4, 0, 1, 2;
}