2016-05-15 18 views
0

私は現在、作成したアプリケーションのための暗いテーマを作成するためにCSSを使用しています。 TreeTableView内に表示される暗いテーマのスクロールバーを作成する際に問題が発生しています。ほとんどのスクロールバーは正しいように見えますが、スタイリングされていない小さなヘッダーが追加されています。ここでは下の写真は、私の進捗状況、次のとおりです。JavaFX CSSスタイル垂直スクロールバーTreeTableView

enter image description here

TreeTableViewは非常に簡単です。 2つのTreeTableColumnがあります。表に関連する

私の現在のCSSは以下の通りです:

.tree-table-view 
{ 
    -fx-background-color: #404040; 
} 

.tree-table-view .scroll-bar 
{ 
    -fx-background-color: transparent; 
} 

.tree-table-view *.column-header-background *.show-hide-columns-button 
{ 
    -fx-background-color: #404040; 
} 

.tree-table-column 
{ 
    -fx-background-color: #404040; 
    -fx-border-color: #2d862d; 
    -fx-border-width: 0px 1px 0px 0px; 
} 

.tree-table-column .label 
{ 
    -fx-border-color: #2d862d; 
    -fx-border-insets: 0px 5px 0px 5px; 
    -fx-border-width: 0px 0px 1px 0px; 
} 

.tree-table-cell 
{ 
    -fx-text-fill: #e6e6e6; 
    -fx-padding: 0px 5px 0px 5px; 
} 

.tree-table-row-cell .arrow 
{ 
    -fx-background-color: #2d862d; 
} 

は、誰もが黒の背景を持って、私は左上隅に白の「余分なヘッダ」を作るために使用することができますどのようなCSSクラスを知っていますか?とても感謝しております。

ご協力いただきますようお願い申し上げます。ありがとう!

+0

'ScrollBar'の' TreeTableView'や '.corner'のスタイルクラス' .filler'を試してみましょう – jns

+0

セレクタとして.tree-table-view.menu-buttonを使うようにしました。ヘルプjnsをありがとう! – jecjackal

+0

ああ!私はメニューボタンを表示しないので、忘れてしまった。お役立ち情報 – jns

答えて

1

.treeテーブルビュー.filler { }

は、私が必要セレクタました。ありがとうJNS!

関連する問題