PopupViewは常に背景

Question

.popup-view { 
    -fx-background-color: red; // nothing happens here 
} 
.popup-view .scroll-pane { 
    -fx-background-color: green; // nothing happens here 
} 
.popup-view .viewport { 
    -fx-background-color: violet; // color is shown 
    -fx-border-color: violet; 
    -fx-background-radius: 7; // no affect 
    -fx-border-radius: 7; 
} 

として白い四角形を示しています。

私は、特定の色と半径のポップアップビューを の背景に - たとえば紫色にします。助けてくれてありがとう！

Answer 1

を使用してPopupViewのコントロールを確認すると、ScrollPaneにはスタイルクラスroot-nodeがあることがわかります。

だからあなたのCSSは次のようなものでなければなりません：

.popup-view > .root-node { 
    -fx-background-color: green; 
} 

.popup-view > .root-node > .viewport { 
    -fx-background-color: violet; 
    -fx-border-color: violet; 
    -fx-background-radius: 7; 
    -fx-border-radius: 7; 
}