javafx2.2使透明背景的滾動條

Question

我想通過在javafx 2.2.3中使用css樣式來創建具有透明（或至少是純色）背景的滾動條的滾動條。

.scroll-pane .track{-fx-opacity: 0;} 
.scroll-pane .scroll-bar{-fx-base: transparent;} 

奇怪的是，上面的代碼使滾動條變黑。給阿爾法-fx-base任何值都可以做到這一點。

背景色沒有任何效應在所有...

我缺少什麼？

Answer 1

這是一個sample，它顯示一個帶有透明背景的滾動條。

該示例包含一些額外的程序邏輯，當用戶將鼠標懸停在滾動條上時，僅顯示滾動條上的視覺反饋 - 您可能需要也可能不需要。

相關樣品中的滾動條的CSS是：

.address .scroll-pane { 
    -fx-background-color: transparent; 
} 

.address .scroll-bar .increment-button { 
    visibility: hidden; 
} 

.address .scroll-bar .decrement-button { 
    visibility: hidden; 
} 

.address .scroll-bar:vertical { 
    -fx-background-color: transparent; 
} 

.address .scroll-bar:vertical .track-background { 
    visibility: hidden; 
} 

.address .scroll-bar:vertical .track { 
    visibility: hidden; 
} 

.address .hide-thumb .scroll-bar:vertical .thumb { 
    -fx-background-color: transparent; 
} 

凡被製成透明的滾動條有額外的自定義樣式類地址分配給它。

我通過研究默認的JavaFX 2.2 css樣式表caspian.css的滾動條部分來確定使用的CSS。樣品的

輸出是：