How do I change md-input-container placeholder color using css in angular material?

by

in the last version of angular you can remove the placeholder in the input and add a mat-placeholder in the mat-form-field and custom the css with a class

html :

<mat-form-field>
    <input matInput type="text">
    <mat-placeholder class="placeholder">Search</mat-placeholder>
</mat-form-field>

css: 

.mat-focused .placeholder {
    color: #00D318;
}

More Related Contents:

  1. Why I can see Less instead of CSS in a browser [closed]
  2. Why aren’t my grid-template-areas with ASCII art not working?
  3. is there a css hack for safari only NOT chrome?
  4. Can I set background image and opacity in the same property?
  5. Make div stay at bottom of page’s content all the time even when there are scrollbars
  6. CSS3’s attr() doesn’t work in major browsers
  7. Preloading CSS Images
  8. Left aligned last row in centered grid of elements
  9. How to set border’s thickness in percentages?
  10. CSS background-size: cover + background-attachment: fixed clipping background images
  11. What does a star-preceded property mean in CSS?
  12. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  13. CSS text-transform capitalize on all caps
  14. Disable antialising when scaling images [duplicate]
  15. How to vertically align elements in ?
  16. Enable :focus only on keyboard use (or tab press)
  17. import .css file into .less file
  18. What do the crossed style properties in Google Chrome devtools mean?
  19. Good rules for setting up print css? [closed]
  20. Border within border CSS
  21. How to get Floating DIVs inside fixed-width DIV to continue horizontally?
  22. How can I change the font-size of a select option? [duplicate]
  23. CSS: display:inline-block and positioning:absolute
  24. Font scaling based on size of container
  25. Newline character sequence in CSS ‘content’ property? [duplicate]
  26. Select odd even child excluding the hidden child
  27. Label on the left side instead above an input field
  28. How can I invert color using CSS?
  29. Display property differences for inline-*something*
  30. Why does enabling hardware-acceleration in CSS3 slow down performance?

Leave a Comment