如何为行定制ngx-datatable css

Question

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

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

没有改变，结果是一样的。css保持默认设置。当我将鼠标悬停在特定行上时，颜色仍然是相同的。我如何定制它?谢谢。

作为参考，所有的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;
}