How to overwrite angular 2 material styles?

by

I think classes should work, but you may need to use /deep/ because of the view encapsulation.

Try this:

/deep/ md-select.your-class {
  background-color: blue;
}

You can also play with theming.

More Related Contents:

  1. Styling mat-select in Angular Material
  2. In RC.1 some styles can’t be added using binding syntax
  3. How to style child components from parent component’s CSS file?
  4. How and where to use ::ng-deep?
  5. Angular-cli from css to scss
  6. angular 2 ngIf and CSS transition/animation
  7. Dynamic styleUrls in angular 2?
  8. The use of /deep/ and >>> in Angular 2
  9. Angular dynamic background images
  10. Angular 2: How to style host element of the component?
  11. CSS file blocked: MIME type mismatch (X-Content-Type-Options: nosniff)
  12. Change style of pseudo elements in angular2
  13. Changing border color in mat-form-field
  14. Grid Styling – Overwrite style of ag-grid
  15. Dynamically updating css in Angular 2
  16. How to draw this chart in html and CSS? [closed]
  17. Bootstrap NavBar with left, center or right aligned items
  18. What is the best way to clear the CSS style “float”?
  19. How to make the items in the last row consume remaining space in CSS Grid?
  20. Responsive CSS triangle with percents width
  21. List of CSS vendor prefixes?
  22. @font-face works in IE8 but not IE9
  23. position: absolute without setting top/left/bottom/right?
  24. Z-index with before pseudo-element
  25. Google warning: Resource interpreted as Font but transferred with MIME type application/octet-stream
  26. What is the difference between :before and ::before?
  27. How do I detect the user’s browser and apply a specific CSS file?
  28. How to center multiple inline-block elements with CSS?
  29. Shrinking navigation bar when scrolling down (bootstrap3)
  30. How to combine and use multiple Next.js plugins

Leave a Comment