Impossible to modify dots

[egofree71]

Hello,

I want to modify the dots with the following css :
.slick-dots li button:before {
font-size: 10px;
}
But i doesn't have any effect. When i use the developers tools of Chrome, i don't see my css rule.

[egofree71]

I've found a solution : disable style encapsulation in the component :

import { Component, ViewEncapsulation } from '@angular/core';

@Component({
  selector: 'home',
   .....
  encapsulation: ViewEncapsulation.None
})