继续对Mac穷追猛打 之 修改原生按钮文字大小的技巧

本文摘自 勾三股四 更早时期的 不老歌 博客。

在 Mac 下，原生按钮的样子灰常口爱，起码我觉得比 Windows 下的口爱一些。虽然好多自定义按钮的样式也非常棒，但我还是固执的喜欢原版的。

不过我发现一个有趣的现象，当我们改变按钮的font-size属性时，会有这么几种情况发生：

* input[type="button"]、input[type="submit"]这两类按钮的字号大小不会发生任何改变
* button标签生成的按钮，字号会随之改变，但是按钮的样式发生了改变……直观的说，就是变丑了：圆角没了、阴影不一样了、背景填充也不一样了，很奇怪
* input[type="file"]里的那个“浏览”按钮一直很淡定，从来不受任何影响

百般纠结之后，我通过查询webkit的默认css样式表，找到了一些解决问题的线索，那就是通过-webkit-appearance: push-button;这一属性设置使得button标签的按钮保留原生按钮的样式，但同时font-size属性值也跟input[type="..."]的按钮一样，失效了。

至今没有找到一个完美的方案，mac也有难搞的一面啊 (当然，如果你打算自定义按钮的样式，就没有这些烦恼了)