controlsfx 弹出框样式 CSS

Question

如何从 CSS 更改 JavaFx 弹出窗口中的左箭头填充颜色？

我尝试了以下方法，但没有用。

   .popover > .content {
    -fx-fill: yellow !important;
    -fx-background-color: red !important; 

}

popover  > .content > .accordion > .titled-pane > .title > .arrow-button > .arrow {
    -fx-background-color: red !important;
    -fx-fill: red !important;
    -fx-pref-height: 34.0 !important;
}

.popover  > .content > .accordion > .titled-pane > .title > .arrow-button {
    -fx-background-color: yellow !important;
    -fx-fill:yellow !important;
}

Answer 1

我解决了使用：

.popover > .border {
    -fx-stroke-width: 0;
    -fx-fill: rgba(255,255,255,1) !important;
    -fx-effect: dropshadow(gaussian, lightgray, 6.0, 0.0, 1.0, 1.0);
}

Answer 2

我用 .

解决了

.popover > .border  {
    -fx-border-style: none;
    -fx-padding: 0;
    -fx-border-width: 0;
    -fx-fill: rgba(255,255,255,0.5);
}

controlsfx 弹出框样式 CSS

controlsfx popover style CSS

javafx

popover

controlsfx