title: -webkit-autofill is not working in Chrome for IOS
body: <p><strong>-webkit-autofill</strong> pseudo-class works fine in Desktop Chrome, but <strong>doesn't work in Mobile Chrome (IOS)</strong></p>
  
  <p>I have a custom float placeholder framework, and i want it to support chrome autocomplete (which fill the form on the page load or from the dialog)</p>
  
  <p>So I added this code:</p>
  
  <pre class="lang-css prettyprint-override"><code> #{$all-text-inputs} {
        &amp;:-webkit-autofill + #{$this}-placeholder {
          left: 0;
          right: 0 ;
          transform: translateY(-34px);
          @include text(big, $lh: 1.3em, $fw: fw(regular));
          opacity: 1;
        }
    }
  </code></pre>
  
  <p>This is working as expected in Chrome Desktop: -webkit-autofill fires and placeholder go to the top</p>
  
  <p>But seems like this <strong>pseudo-class doesn't work in Chrome Mobile (IOS)</strong></p>
  
  <p>Input Structure:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="input input-with-float-placeholder"&gt;
   &lt;div class="input-inner"&gt;
    &lt;input type="email"&gt;
    &lt;span class="input-placeholder"&gt;Username&lt;/span&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>