JavaFXスクロールバーをカスタマイズします。余分な広場を排除し、両方のスクロールバーが

Question

を起動しているとき、私は余分な醜い四角いことを排除することができますどのように

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

次のCSSを使用し

下の画像のように、私は次のカスタマイズスクロールバーを作成します両方のスクロールバーがアクティブになったときに表示されますか？

ありがとうございます。 Lunayahからインスピレーションを受け

ソリューション は

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

Answer 1

あなたは.fillerと.cornerと呼ばれている参照の2乗のプロパティ名を答えます。あなたはそれらを見えないようにするために、あなたが望む色をCSSに適用することができます。それらを取り除くことができるかどうかはわかりません。

例：.scrollバー.filler {あなたの色} 例：.scrollバー.corner {あなたの色}