title: Can't style text on input submit button as bold?
body: <p>I'm trying to style the font in an input button as bold. </p>
  
  <p>Here's my code: </p>
  
  <pre><code>&lt;input type="submit" id="nm-match" class="nm-button" value="Match" /&gt;
  </code></pre>
  
  <p>Here's my CSS:</p>
  
  <pre><code>.nm-button {
    text-transform: uppercase;
    padding: 5px;
    color: blue;
    font-weight: bold;
  }
  </code></pre>
  
  <p>All the styles are being applied apart from the bold. </p>
  
  <p>Here's a JSFiddle showing the problem: <a href="http://jsfiddle.net/CJg43/1/" rel="noreferrer">http://jsfiddle.net/CJg43/1/</a></p>
  
  <p>UPDATE: Why the close votes? Here's a screenshot of how it looks for me, in Chrome on MacOS:</p>
  
  <p><img src="https://i.stack.imgur.com/nRGns.png" alt="enter image description here"></p>
  
  <p>UPDATE 2: ... and for comparison, here's how it looks with the solution (<code>background-color: white</code>) applied - <a href="http://jsfiddle.net/CJg43/23/" rel="noreferrer">http://jsfiddle.net/CJg43/23/</a></p>
  
  <p><img src="https://i.stack.imgur.com/XQCS1.png" alt="enter image description here"></p>