在angular2中使用primeng时覆盖默认样式

Question

I am building an application using angular2 webpack. I am using Primeng's datatable to display data.I am trying to change the color of the selected row. I found out that "ui-state-highlight" is the class that is getting added when the row is selected, but i am unable to override this class. I tried to do it in my "global.less" but still it is not overwriting it. could some one help me out with this.

Answer 1

Just add !important after any css rule you wish to override:

eg:

.ui-state-highlight{
    background-color: salmon !important;
}