JavaFX滾動條自定義。消除額外的廣場，當兩個滾動條被激活

Question

我創建的下一個定製的滾動條爲下面的圖片

我下次使用CSS

.text-area, .text-area .viewport, .text-area .content { 
    -fx-background-color: transparent ; 
} 

.text-area .scroll-bar { 
    -fx-background-color:transparent; 
} 

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

.text-area .scroll-bar:horizontal { 
    -fx-background-color:transparent; 
} 

.text-area .scroll-bar .thumb { 
    -fx-background-color:derive(black, 50%); 
} 

.text-area .scroll-bar .thumb:hover { 
    -fx-background-color:derive(black, 70%); 
} 

.text-area .increment-button:hover ,.text-area .decrement-button:hover { 
    -fx-background-color:transparent; 
} 

.text-area .track { 
    -fx-background-color:transparent; 
} 

我怎樣才能消除這些額外的醜陋方，當兩個滾動條都被激活時出現？

非常感謝您的寶貴時間。

解決方案 從Lunayah啓發回答

.text-area .scroll-pane .corner {  
    -fx-background-color: transparent ; 
} 

Answer 1

的2個格，你看到被稱爲.filler和.corner的屬性名稱。你可以通過CSS應用任何你想要的顏色，以使它們不可見。我不知道這些是否可以刪除。

例如：.scroll吧.filler {你的顏色} 例如：.scroll吧.corner {你的顏色}