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;
}

如果我删除.viewport它只显示一个没有半径的白色背景。

我想要一个具有特定颜色和半径的弹出视图 那个背景 - 例如紫罗兰色。谢谢你的帮助！

Answer 1

如果您使用ScenicView检查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;
}