这个HTML：
<input type="button" id="startStop" value="start" />
这个css：
input#startStop{
font-size: 3em;
}
结果如下：
这与完全没有造型完全相同.
我对css所做的一切都没有改变它：使它成为60em;改变我的选择方式;它们都会产生相同的默认按钮.
我在Chrome中检查了它,并且样式实际上是在击中元素,而不是被覆盖：
但不知何故,计算出的样式不起作用：
(整个文档的基本字体大小为1em.并且,不,更改基本字体大小没有效果)
如果我给它一个背景颜色,唯一改变字体大小的是：
input#startStop{
font-size: 3em;
background-color: white;
}
结果如下：
谁能告诉我发生了什么事？
编辑：@Hashem Qolami,感谢您将其发布在外部编辑器中,我应该这样做.当我查看你的JS bin时,它看起来像这样：
编辑2：它是特定于浏览器的.
该错误仅发生在Chrome,Safari和Opera上,仅在Mac上发生.
如果在Firefox for Mac和Windows上的所有浏览器(IE10,Chrome,Firefox,Safari和Opera)上正确呈现.
解决方法
As long as the Aqua appearance is enabled for push buttons,certain CSS properties will be ignored. Because Aqua buttons do not scale,the height property will not be honored. Similarly font and color customizations will also not be honored. The overriding principle for push buttons is that you will never see a button that is some “half-Aqua” mix. Either the button will look perfectly native,or it will not be Aqua at all.
资料来源：https://www.webkit.org/blog/28/buttons
这解释了为什么设置背景使得字体大小有效;它破坏了Aqua的外观.
