title: set on hover background colour for button using css id
body: <p>hello i am trying to change the background color on hover of my button on my page using its id, i have tried using the id </p>
  
  <pre><code>#optinforms-form5-button:hover{
    background-color: white;
    color: black; /* SET COLOR IN BLACK */
  }
  </code></pre>
  
  <p>i also tried this</p>
  
  <pre><code>input[type="submit"]:hover {
    background-color: white;
    color: black;
  }
  </code></pre>
  
  <p>but nothing seems to work, this is a screen shot of the button and link to the page where this button is  </p>
  
  <p><a href="https://i.stack.imgur.com/wInC3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wInC3.png" alt="enter image description here"></a></p>
  
  <p>at this page  `<a href="http://theclosingcode.com/home/" rel="nofollow noreferrer">http://theclosingcode.com/home/</a> </p>
  
  <p>please someone help`</p>