title: Why does the password input field of my html form have a light blue background?
body: <p>I have a simple form that includes a password input field with <code>type="password"</code>. The form includes some other input fields as well. </p>
  
  <p>For some crazy reason, the password field and input field have a light blue background in Chrome. Not an issue in Firefox. When I change the password input field type to "text" i.e. type="text", the background is white as desired. </p>
  
  <p>Which css rule is responsible for this and how can I overwrite or disable this rule? This is in a vue.js file.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input[type="password"] {
    background-color: white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row"&gt;
    &lt;div class="col-md-4"&gt;
      &lt;div class="form-group"&gt;
        &lt;label class="form-label"&gt;Password&lt;/label&gt;
  
        &lt;input type="password" class="form-control" name="example-text-input-invalid is-invalid" placeholder="Password" v-model="user.password" v-bind:pattern="passwordRulesRegex" v-bind:title="passwordRulesText" /&gt;
        &lt;!-- &lt;div class="col col-md-1"&gt; --&gt;
        &lt;div class="invalid-feedback"&gt;Invalid feedback&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="col-md-8"&gt;
      &lt;label class="form-label"&gt;&amp;nbsp;&lt;/label&gt;
      &lt;small class="form-text text-muted mt-3"&gt;
              Enter a new password, or leave this blank to keep the existing password.
          &lt;/small&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The styling above does not have an effect...</p>