title: input:-internal-autofill-selected being overridden on Chrome (via webkit?)
body: <p>Using Chrome 81.0.4044.92 (Official Build) (64-bit) (cohort: Stable) on windows, with any saved passwords while logged in via sync creates an override on the <code>input:-internal-autofill-selected</code> property of my <code>input</code>'s.</p>
  
  <p>Demonstrated here:
  <a href="https://i.stack.imgur.com/yi23B.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yi23B.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/4B4nl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4B4nl.png" alt="enter image description here"></a></p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div&gt;
    &lt;form className="login"&gt;
      &lt;div className="username"&gt;
        &lt;input
          className="login-input"
          id="username"
          type="email"
          placeholder="email"
        &gt;&lt;/input&gt;
      &lt;/div&gt;
      &lt;div className="password"&gt;
        &lt;input
          className="login-input"
          id="password"
          type="password"
          placeholder="password"
        &gt;&lt;/input&gt;
      &lt;/div&gt;
      &lt;div&gt;
        &lt;button onClick={handleClick}&gt;Submit &lt;/button&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>input.sass</strong></p>
  
  <pre><code>@import '../main.sass'
  
  form
    padding: 15px
  
  input
    font-family: $sans-serif
    font-weight: $normal
    color: $primary-text
    margin: 10px
    padding: 5px
    border: 4px solid
    border-radius: 4px
  
  button
    font-family: $sans-serif
    font-weight: $bold
    background-color: $primary-button
    border: 4px solid transparent
    border-radius: 4px
    margin: 10px
    padding: 5px
  </code></pre>
  
  <p><strong>main.sass</strong></p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900')
  /* font families */
  $sans-serif: 'Lato', sans-serif
  
  /* font weights */
  $light: 300;
  $normal: 400;
  $semibold: 700;
  $bold: 900
  
  /* colors */
  $primary-background: #ffffff
  $primary-text: #1f1235
  $primary-button: #ff6e6c
  </code></pre>
  
  <p>Are there any <strong><em>CSS-only</em></strong> methods to take back control of styling this field?</p>