1

行の選択解除時に行の色を別の色に変更しようとしています。この機能は、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;
}
4

1 に答える 1