title: Manipulating Angular Material Input Form Styling
body: <p>I am new to Angular and Angular Material (AM). By default, <a href="https://material.angular.io/components/input/overview" rel="noreferrer">AM Input Component</a> shows the <code>primary</code> color of your palette until you click on the form, where then it changes the <code>placeholder</code> value and marker line to the <code>accent</code> color. Is there a way to manipulate the form so that the accent color is always showing? In other words, the form will always be highlighted. The issue is that my primary color is dark, and my website page background is also dark, therefore, the <code>placeholder</code> and marker line are barely visible unless the form is clicked on by the user. This would also be a nice color addition to my site's page.</p>
  
  <p>Here is the sample of the required html from the <a href="https://material.angular.io/components/input/overview" rel="noreferrer">AM docs</a>:</p>
  
  <pre><code>&lt;md-input-container&gt;
    &lt;input mdInput placeholder="Favorite food" value="Sushi"&gt;
  &lt;/md-input-container&gt;
  </code></pre>
  
  <p>You can add <code>color="accent"</code> to the <code>input line</code>, but again, the color only appears when the form is clicked on by the user.</p>
  
  <p>Thank you in advance.</p>