title: Hide password through html
body: <p>I am trying to make the passwords not visible when a user is not directly hovering over the password. When they do hover the text should appear. My current code is this below, but I can not get the hover to correctly work. It either disappears completely or stays put.</p>
  
  <pre><code>&lt;style&gt;
  #pass.a{
      visibility:hidden;
  }
  #pass.a:hover{
      visibility:visible;
      }
  &lt;/style&gt;
  &lt;table&gt;
  &lt;tr&gt;
      &lt;td id="pass"&gt;&lt;a&gt; Password &lt;/a&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Why does this not work correctly?</p>