更改提交按钮的字体样式

Question

我想更改提交的字体大小和字体粗细，并保留所有其他默认浏览器样式。

至少在我的Chrome版本中，除非您更改背景颜色，否则似乎会忽略样式。有没有办法保持浏览器的默认值，但只是增加尺寸和重量？

<input type="submit" style="font-size: 55px;" />

http://jsfiddle.net/fkC52/

我认为这是我安装的Chrome问题。

Answer 1

表单控件是系统元素。您需要使用css appereance属性重置系统按钮样式：

input {
    -webkit-appereance: none;
    -moz-appereance: none;
    font-size: 22px;
}

Answer 2

http://jsfiddle.net/fkC52/3/

这就是我所做的，只是将font-weight和font-size添加到了CSS中。 我在Chrome中尝试了jsfiddle并且它有效，所以我没有看到问题。

我建议您使用class或id来更改一个提交。