4
继续对Mac穷追猛打 之 修改原生按钮文字大小的技巧
source link: https://jiongks.name/blog/2011-11-16
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
继续对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也有难搞的一面啊 (当然，如果你打算自定义按钮的样式，就没有这些烦恼了)
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK