如何更改JavaFX组合框中的背景色'；通过css的箭头按钮？

我正在尝试更改组合框中箭头按钮的背景色。如果重要的话，使用带有默认Modena.css主题的JavaFX8

根据文档（），箭头按钮是一个StackPane，因此我假设以下方法可以工作：

.combo-box .arrow-button {
    -fx-background-color: blue;
}

这会将背景更改为蓝色，但颜色仍然保持不变

背景可能是图像，因此我尝试添加

-fx background image:null，但这似乎不起作用

不知道现在的问题是什么

更新：发现问题

显然，我的css代码存在以下问题：

#arrow-button {
    -fx-padding: 5 0 5 0;
    -fx-font: 16 arial;
    -fx-font-weight: bold;
    -fx-background-color: 
        linear-gradient(#FFE4D1 0%, #EED5C2 25%, #EDD2BD 75%, #FFE4D1 100%),
        linear-gradient(#FFE1CC 0%, #FCE2CF 20%, #EDD0BB 80%, #FFE1CC 100%);
    -fx-border-color: #ED9D9C;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
}

显然，JavaFX正在使用我的ID选择器来显示.combo box.arrow按钮

这可能是一个bug，但不确定。将询问JavaFX开发人员

谢谢你的帮助
 你能试试这个吗：

.combo-box .arrow, .combo-box .arrow-button, .combo-box .arrow-button .arrow {
    -fx-background-color: blue;
}

.combo-box-base .arrow, .combo-box-base .arrow-button, .combo-box-base .arrow-button .arrow {
    -fx-background-color: blue;
}

其中一个应该有效。
这适用于箭头形状，但我希望更改箭头后面的背景。基本上是箭头周围的橙色。也许你能贴张照片吗？我刚想出来。谢谢你的帮助！请提供一个说明问题的示例