Override current li style

Hi,

There’s a way to overide the current li style and change it from blue to gray ? I tried this but i still have the blue color :

pagination-controls li.current{
 background : gray;
}

Thanks

[kenp77]

The !important hack solved the problem. Thank you. Now you can close it 😃

[michaelbromley]

You are totally correct. The PaginationControlsComponent should perhaps not use the emulated shadow DOM style mode, which would make it easier to override the styles.

For now, you can force it with an !important marker in your css:

pagination-controls /deep/ .ng2-pagination li.current {
  background: gray !important;
}

See a demo here: http://plnkr.co/edit/a9AofVgQPgIWu0M0FF9Y?p=preview