css - 不能将输入提交按钮上的文本样式设置为粗体？

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;。