title: CSS: Hover a HTML submit button
body: <p>I'm trying to style a HTML submit button in CSS:</p>
  <p>HTML:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;input type=&quot;submit&quot; value=&quot;Yes&quot; id=&quot;popUpYes&quot;&gt;
  </code></pre>
  <p>CSS:</p>
  <pre class="lang-css prettyprint-override"><code>#popUpYes
  {
    width: 60px;
    height: 30px;
    background-color: black;
  }
  #popUpYes:hover
  {
    background-color: white;
  }
  </code></pre>
  <p>The basic style works but the background does not change color on hover.</p>