JavaFx＆CSS：ComboBox彈出組件中的白線

我對ComboBox-Popup的CSS屬性有問題。在圖片中，您會看到圓形邊框和列表單元格元素之間的細小白線。我覺得這一行是背景色或來自其他CSS屬性的邊框。你有什麼想法，我必須改變哪些css屬性？JavaFx＆CSS：ComboBox彈出組件中的白線

這張照片顯示你在右側我的問題與白線。在左側你會看到沒有任何線條的菜單欄。

在這個畫面我已經刪除了所有組合框的CSS屬性，你可以看到beetween邊框的選定單元格的縫隙。

這裏是我的樣式表的CSS屬性組合框。

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

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

來源

2016-01-22 Matthias

請與您的應用程序['ScenicView'（http://fxexperience.com/scenic-view/）和諮詢http://docs.oracle.com/javafx/2/api/javafx/scene /doc-files/cssref.html找到相關的CSS元素進行更改。 – hotzst

@hotzst在這種情況下，這實際上很棘手：如果嘗試在風景視圖中展開樹視圖以查看組合框的場景圖，iirc因爲您將焦點從其關閉的組合框中移開，因此彈出窗口被移除從場景圖（從景觀來看......）。 –

@James_D沒錯。這就是爲什麼我現在使用一個簡單的「不要刪除彈出窗口實現」風景視圖源。我還沒有找到解決方案。 – Matthias

我找到了解決辦法。沒有設置列表視圖的透明度。

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

來源

2016-01-25 07:27:10 Matthias

JavaFx＆CSS：ComboBox彈出組件中的白線

回答

相關問題