输入提交按钮上的文字样式不能粗体显示吗？

Question

我正在尝试将输入按钮中的字体设置为粗体。

这是我的代码：

<input type="submit" id="nm-match" class="nm-button" value="Match" />

这是我的CSS：

.nm-button {
  text-transform: uppercase;
  padding: 5px;
  color: blue;
  font-weight: bold;
}

除粗体外，所有样式均已应用。

这是一个显示问题的JSFiddle：http://jsfiddle.net/CJg43/1/

更新：为何选票结束？以下是MacOS Chrome浏览器的屏幕截图：

更新2：...为了进行比较，以下是解决方案（background-color: white）的应用效果 - http://jsfiddle.net/CJg43/23/

Answer 1

当您使用具有font-weight属性的数值并且想要使用bold时，请使用大于或等于700的值

.nm-button {
  text-transform: uppercase;
  padding: 5px;
  color: blue;
  font-weight: 700;
}

<强> Js Fiddle Demo

Answer 2

你是否在MacOS上使用chrome？如果是这样，请尝试向按钮添加背景颜色以查看是否修复了该按钮。默认的Aqua样式可能会产生干扰。您也可以尝试-webkit-appearance: none;或-webkit-appearance: button;。