title: Ionic 2 placeholder text styling
body: <p>I am working on an application using Ionic 2 rc0 and have several input fields throughout the application that still need styling. </p>
  
  <pre><code>&lt;ion-item class="su-p3-item"&gt;
    &lt;ion-label floating class="su-input"&gt;Your name&lt;/ion-label&gt;
    &lt;ion-input type="text" class="su-input"&gt;&lt;/ion-input&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>ionic 2 input api <a href="http://ionicframework.com/docs/v2/api/components/input/Input/" rel="noreferrer">http://ionicframework.com/docs/v2/api/components/input/Input/</a></p>
  
  <p>Specifically, I need to change the styling of the placeholder text, and bottom-border when active. Through the API, and provided SASS variable overrides, i could not figure out how to override the inherited styles for borders and placeholder text for input fields. </p>
  
  <p>I would like to avoid using '!important' in addition to these changes on affecting the specific page each input is on (I dont want the changes to be 'global').</p>