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

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

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

Answer 2

当您对font-weight属性使用数值并且要使用时,请bold使用大于或等于的值700

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

Js Fiddle演示