如何为行自定义ngx-datatable css

Question

我尝试像这样为 ngx-datatable 元素应用一些 css。

.datatable-body-row:hover {
  background-color: #3387b5;
}

什么都没有改变，结果是一样的。 css 保持默认设置。 当我将鼠标 hover 移至特定行时，颜色仍然相同。 我该如何定制它？ 谢谢你。

作为参考，整个 HTML 结构都是这样的。

<ngx-datatable >
  <!-- row are included in these column, but these column includes header-->
  <ngx-datatable-column >
    
    <ng-template ngx-datatable-header-template>
      <label class="datatable-checkbox">
        <input />
      </label>
    </ng-template>

    <ng-template ngx-datatable-cell-template >
      <label class="datatable-checkbox">
        <input type="checkbox" />
      </label>
    </ng-template>
  </ngx-datatable-column>

  <ngx-datatable-column *ngFor="let column of columns; let i = index" >
  </ngx-datatable-column>

</ngx-datatable>

Answer 1

可能较低 CSS 优先级

您可以使用它或以其他方式提高优先级https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

.datatable-body-row:hover, 
.datatable-body-row:hover .datatable-row-group {
  background-color: #3387b5 !important;
}