title: change password input from bullet points to squares
body: <p>I'm creating a simple login form on my site. Most of the login page has a very "square" look to it, except for the password input which uses little circles. </p>
  
  <p>I would like to continue on the "square" look into the password input, however, there doesn't seem to be any solutions I can find.</p>
  
  <p>Assuming this is my current input field in my HTML, how would I use CSS to turn the circles to squares in my password field?</p>
  
  <pre><code>&lt;input type="password" name="password" id="password" autocomplete="off"&gt;
  </code></pre>
  
  <p>I have seen this effect on other websites that I have visited, but I can't manage to duplicate the square inputs. If there is no way to do this in CSS, would it be possible to do it in JavaScript?</p>
  
  <p>Thanks. :)</p>