css – 无法将输入提交按钮上的文本设置为粗体?

前端之家收集整理的这篇文章主要介绍了css – 无法将输入提交按钮上的文本设置为粗体?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将输入按钮中的字体设置为粗体.

这是我的代码

<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:…为了比较,这里是应用解决方案(背景颜色:白色)的外观 – http://jsfiddle.net/CJg43/23/

解决方法

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

猜你在找的CSS相关文章