JavaFx＆amp; CSS：ComboBox的弹出组件中的白线

Question

我对ComboBox-Popup的CSS属性有疑问。在图片中，您会看到圆形边框与列表单元格元素之间有一条微小的白线。 我认为这条线是背景颜色或来自其他css属性的边框。 你知道我必须改变哪个css属性吗？

这张图片显示右侧我的白线问题。在左侧，您会看到没有任何线条的菜单栏。

在此屏幕截图中，我删除了所有组合框css属性，您可以在选定单元格的边框之间看到间隙。

这是我的样式表的css组合框属性。

-fx-base and fx-color = dark grey background color
-fx-accent = green hover and highlight color.

＆＃13;

＆＃13;

 .combo-box-popup .list-view {
    -fx-color: -fx-base;
    -fx-background-color:
        derive(-fx-color,-40%),
        derive(-fx-color,100%),
        linear-gradient(to bottom, derive(-fx-color, 15%) 0%, derive(-fx-color, 40%) 15%, derive(-fx-color,55%) 75%, derive(-fx-color,15%) 100%);
  
   -fx-background-insets: 0, 1, 2;
   -fx-background-radius: 0 6 6 6, 0 5 5 5, 0 4 4 4;
   -fx-padding: 0.333333em 0.333333em 0.666667em 0.083333em; 
   
}.combo-box-popup .list-view .list-cell:filled {
    -fx-background-color: transparent;
    -fx-text-fill: white;
}

.combo-box-popup .list-view .list-cell:filled:hover {
    -fx-background-color: -fx-accent;
}

.combo-box-popup .list-view .list-cell:filled:selected {
    -fx-background-color: -fx-accent;
}

＆＃13;

＆＃13;

＆＃13;

Answer 1

我找到了解决方案。未设置列表视图的透明度。

.combo-box-popup .list-view .list-cell {
-fx-background-color: transparent;
}