title: Change border color when hover textfield
body: <p>I have vuetify textfield with 1.5.x version in my codepen: <a href="https://codepen.io/handy29/pen/yLLwjGg" rel="nofollow noreferrer">https://codepen.io/handy29/pen/yLLwjGg</a>  when you hover to text field I want to be green color #6fbd44. My code so far (css):</p>
  
  <pre><code>.theme--light.v-text-field--outline &gt; .v-input__control &gt; .v-input__slot {
      border-width: 1px;
    }
  
    .theme--light.v-text-field--outline &gt; .v-input__control &gt; .v-input__slot:hover {
      border-style: solid;
      border-color: #6fbd44;
    }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;v-app id="inspire"&gt;
      &lt;v-form&gt;
        &lt;v-container&gt;
          &lt;v-layout row wrap&gt;
  
            &lt;v-flex xs12 sm6 md3&gt;
              &lt;v-hover&gt;
                &lt;v-text-field
                  outline
                  single-line
              &gt;&lt;/v-text-field&gt;
              &lt;/v-hover&gt;
            &lt;/v-flex&gt;
  
  
          &lt;/v-layout&gt;
        &lt;/v-container&gt;
      &lt;/v-form&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using :hover but it still not working, it stay black border color. What should I do? Thanks</p>