2017-04-12 20 views
0

問題があります。修正する正しいCSSが見つからないようです。チェックボックスの表のセルを使用して行を選択すると、チェックボックスのマークが白く表示されます。選択されていないように見えます。セル選択を有効にしたチェックボックスマークのスタイル設定方法

enter image description here

私は、これは同じどちらか選択したかどうかを表示されるように私のCSSを変更することができました。

.table-row-cell:selected > .check-box-table-cell > .check-box:selected > .box > .mark { 
    -fx-background-color: -fx-text-base-color; 
    -fx-background-insets: 0; 
} 

enter image description here

しかし、そのテーブルにはセル選択に切り替えた場合 - その後、このCSSは動作しません。

enter image description here

私はスタイルとしてこれを追加することに変更しようとしています

.table-cell:selected > .check-box-table-cell > .check-box:selected > .box > .mark { 
    -fx-background-color: -fx-text-base-color; 
    -fx-background-insets: 0; 
} 

しかし、上述のように、それは同じスタイリングで私を残します。セルの選択が真である間、チェックボックスを白くしないようにする方法がわかりません。

提供できるヘルプをお試しいただきありがとうございます。

ありがとうございました。

答えて

1

投稿したCSSがマークの外観を変えるだけなので、チェックボックスの外観を変更する余分なCSSコードがある可能性があるので、私はあなたの写真を正確に再現できませんでした。 cssを参照しています。

.table-セル:すでに選択は、チェックボックス、テーブルセルを参照するので、

.table-cell:selected > .check-box:selected > .box > .mark{ 
    -fx-background-color: -fx-text-base-color; 
    -fx-background-insets: 0; 
} 

または

.check-box-table-cell:selected > .check-box:selected > .box > .mark{ 
    -fx-background-color: -fx-text-base-color; 
    -fx-background-insets: 0; 
} 
を試してみてください
関連する問題