ngx-datatable鼠标悬停时的CSS样式设置

Question

我正在使用带有Bootstrap主题的ngx-datatable。我找不到或弄清楚如何更改鼠标悬停在单元格上时的样式？在这个例子中，它变成了灰色。

我已经通过以下方式更改了激活颜色，只是无法弄清楚悬停颜色。 http://swimlane.github.io/ngx-datatable/#css

::ng-deep .ngx-datatable.bootstrap .datatable-body .datatable-body-
row.active {
  background-color: #006eff;
  color: #FFF;
}

- Tim Tharratt

---

你搞定了吗？ - C.Schubert

@C.Schubert，谢谢，它运行得很好 :-) - Tim Tharratt

不错！你能把我的回答标记为答案吗？ - C.Schubert

Answer 1

.ngx-datatable.bootstrap:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group
{ 
   background: red;
}

这个有效。

- C.Schubert

---

复制和粘贴对我不起作用 :( 请问是否有任何变量需要注意？ - AkiZukiLenn

Answer 2

 :host
  ::ng-deep
  .ngx-datatable.bootstrap:not(.cell-selection)
  .datatable-body-row:hover,
:host
  ::ng-deep
  .ngx-datatable.material:not(.cell-selection)
  .datatable-body-row:hover
  .datatable-row-group {
  background: red;
}

我需要添加 <\p> 标签。

    :host
  ::ng-deep

然后它开始工作了。

您可以更改其他默认样式，因为存在线性翻译：

:host
  ::ng-deep
  .ngx-datatable.material:not(.cell-selection)
  .datatable-body-row:hover {
  background-color: #007bff2e;
}

- BartusZak

---

我该如何将类似的应用于所选内容？他们提供的所选示例对我无效！ - kuldeep