PrimeNG DataTable行选择 - 更改颜色

Question

对primeng数据表网格的行选择设置样式的最佳方法是什么？我有一个复选框，当选中时，行变为自举蓝色。我想减轻行选择的颜色。

我该怎么做？

Answer 1

我不确定你是否在任何地方找到了你的答案，但你正在寻找的CSS是：

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight {
  /*background-color handles the color of the highlighted row*/
  /*color sets the color of the text*/

    background-color: #0275d8;
    color: #ffffff;
    border-color: #0267bf;}

和

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight {
    background-color: #0275d8;
    color: #ffffff;
    border-color: #0267bf;}

只需将其粘贴到您自己的CSS文件中即可更改突出显示颜色，边框颜色和文本颜色。我不确定这是不是最好的方式，但我上周这样做了，这就是我如何运作。