How do I override the style of primeng components?

by

Since >>> is deprecated have to use ::ng-deep instead.
With material2 v6 and primeng v5.2.* 

:host {
    ::ng-deep .prime-slider-override {
        background-color: #26A3D1;
        background-image:none;
        border:none;
        color:white;

        .ui-slider-range {
            background: red;
        }
    }    
}
<p-slider [(ngModel)]="rangeValues"
              styleClass="prime-slider-override"></p-slider>

More Related Contents:

  1. What is let-* in Angular 2 templates?
  2. How to show a loading spinner while waiting on an observable getting data from a service in Angular
  3. How to get reference of the component associated with ElementRef in Angular 2
  4. Why use “?” operator in template binding?
  5. angular2 manually firing click event on particular element
  6. How can I watch for changes to localStorage in Angular2?
  7. Angular 2 – How do I navigate to another route using this.router.parent.navigate(‘/about’)?
  8. async/await in Angular `ngOnInit`
  9. Connect Angular application with ReactJS app?
  10. How to make directives and components available globally
  11. Handling 401s globally with Angular
  12. Angular2 router keep query string
  13. Angular2 – Validate and submit form from outside
  14. In Angular, how to add Validator to FormControl after control is created?
  15. Getting Image from API in Angular 4/5+?
  16. Angular 2 Dynamically insert a component into a specific DOM node without using ViewContainerRef
  17. Angular 2 – Using Shared Service
  18. Angular 4 HttpClient Query Parameters
  19. Mat-table Sorting Demo not Working
  20. Can’t bind to ‘formControl’ since it isn’t a known property of ‘input’ – Angular2 Material Autocomplete issue
  21. fromPromise does not exist on type Observable
  22. Angular 4 call parent method in a child component
  23. Angular2 ngFor OnPush Change Detection with Array Mutations
  24. How to correctly import operators from the `rxjs` package
  25. @HostBinding and @HostListener: what do they do and what are they for?
  26. @angular/material/index.d.ts’ is not a module
  27. What is pipe for in RxJS?
  28. Angular2 ngModel inside ngFor (Data not binding on input)
  29. How to generate components in a specific folder with Angular CLI?
  30. What are all the index.ts used for?

Leave a Comment