行の選択解除時に行の色を別の色に変更しようとしています。この機能は、primeng テーマによって提供されるものです。それをオーバーライドしてカスタマイズしようとしています。行が選択されていないときに行の色を変更し、その行が再度選択されるまで色を保持できる方法はありますか? ここでは、単一選択の p-table を使用しています。
これをオーバーライドしてみました:
data-table p-table .ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
background-color: #2F96B4 !important;
}
しかし、これはホバーしたときに色を変えるだけです。
そして、これは行が選択されたときに私が持っているものです:
data-table p-table .ui-table .ui-table-tbody > tr.ui-state-highlight {
background-color: #007ad9;
color: #ffffff;
}