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-border-style: none;
    -fx-padding: 0;
    -fx-border-width: 0;
    -fx-fill: rgba(255,255,255,0.5);
}

Answer 2

我解决了使用：

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

controlsfx popover风格的CSS

2 个答案: