title: V-text-field in VuetifyJS
body: <p>How to override a v-text-field?</p>
  
  <p>Actually I am trying to make a text field that should initially have a thin line over which a label/placeholder will be displayed. When I click on it, the label must float up (like a superscript) and that line should become slightly thick along with change in color.</p>
  
  <p>In Vuetifyjs such a text-field exists , but when I copy paste the component , nothing of that sort is happening. The colour isn't changing , infact when that text field is not selected , we cannot see any sort of line , just the label. </p>
  
  <p>I tried using class="input-group--focused" but in that case , the label is already Floated up. The line is present but its opacity is high , ie its black instead of grey. Please help me , it would be great.    </p>
  
  <p>I looked at my dependencies , I am running the latest version of vuetifyjs: 1.0.10</p>
  
  <p>Something like a GMail login Form</p>