title: Input tag value to change color on hover
body: <p>I have an input tag nested inside a list tag. Here is the code:</p>
  
  <pre><code>&lt;li class="button"&gt;&lt;input name="submit_details" type="submit" value="Next" /&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Now when I use the following style:</p>
  
  <pre><code> .button:hover{color:#ffffff}, 
  </code></pre>
  
  <p>the text value  "Next" does not change color(to white) when I hover over it. </p>
  
  <p>Any suggestions on how to make that work?</p>
  
  <p>Thanks</p>