Css Can';输入提交按钮上的t样式文本是否为粗体?

Css Can';输入提交按钮上的t样式文本是否为粗体?,css,Css,我正在尝试将输入按钮中的字体设置为粗体 这是我的密码: <input type="submit" id="nm-match" class="nm-button" value="Match" /> 除粗体外,所有样式都将应用 下面是一个JSFIDLE,它显示了问题: 更新:为什么投票结果接近?以下是我在MacOS上的Chrome浏览器中看到的屏幕截图: 更新2:。。。为了进行比较,下面是应用解决方案(背景色:白色)后的外观- 当您使用带有font-weight属性的数值,并且希望使

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

这是我的密码:

<input type="submit" id="nm-match" class="nm-button" value="Match" />
除粗体外,所有样式都将应用

下面是一个JSFIDLE,它显示了问题:

更新:为什么投票结果接近?以下是我在MacOS上的Chrome浏览器中看到的屏幕截图:

更新2:。。。为了进行比较,下面是应用解决方案(
背景色:白色
)后的外观-


当您使用带有
font-weight
属性的数值,并且希望使用
bold
时,请使用大于或等于
700

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

您是否将chrome应用于MacOS?如果是这样,请尝试向按钮添加背景色,看看它是否可以修复。默认的浅绿色样式可能会产生干扰。您也可以尝试
-webkit外观:无
-webkit外观:按钮

在我看来很好,您使用的浏览器是什么Chrome-对不起,应该指定。在Chrome中工作正常,在Chrome中也工作正常。chrome的粗体和FF的不一样。它“不那么粗体”,但仍然比普通文本更粗体。好吧,“粗体”字体重量的数值是700,而不是600。我不知道,但听起来最有可能。默认的Aqua样式是什么,我如何才能关闭它们?!它们是MacOS上chrome应用于按钮的默认样式。在你的css中试试这个:
-webkit外观:按钮。我刚刚使用了字体大小:600;使提交按钮文本加粗,效果良好,谢谢。
.nm-button {
  text-transform: uppercase;
  padding: 5px;
  color: blue;
  font-weight: 700;
}