惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - Franky
有赞技术团队
有赞技术团队
宝玉的分享
宝玉的分享
雷峰网
雷峰网
Hugging Face - Blog
Hugging Face - Blog
V
V2EX
大猫的无限游戏
大猫的无限游戏
博客园 - 司徒正美
D
Docker
T
The Blog of Author Tim Ferriss
罗磊的独立博客
博客园 - 叶小钗
酷 壳 – CoolShell
酷 壳 – CoolShell
Blog — PlanetScale
Blog — PlanetScale
月光博客
月光博客
J
Java Code Geeks
Jina AI
Jina AI
博客园 - 【当耐特】
C
Check Point Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
腾讯CDC
Last Week in AI
Last Week in AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
V
Visual Studio Blog

囧克斯

奔四了,写给40岁的自己 有序退网 我和 Vue.js 的十年 我参与《代码之外 Beyond Code》的故事 博客站迁移至 VitePress 的备忘 写给我的奶奶 中文格式化小工具 zhlint 及其开发心得 vue-mark-display:用 markdown 语法轻松撰写幻灯片 我对技术会议的一些看法 VueConf Hangzhou 见闻 第四届 CSSConf CN 见闻 [译]Web 表单的未来 [译]苹果正在做一些他们的程序员明摆着不想要的东西 [译]为什么我不会无偿加班且你也不应该 [译]如果管理是唯一可走的路,那就完蛋了 [译]如何撰写 Git 提交信息 [译]C 程序的原则 Vue 2.0 来了! Weex 近 4 个月的开源之路 Weex 在 JS Runtime 内的多实例管理 我理解的 SPA 我理解的 Flux 架构 【整理】Vue 2.0 自 beta 1 到 beta 4 以来的主要更新 通过一张图走进 Vue 2.0 Code Review for Vue 2.0 Preview Vue 2.0 发布啦! 务实的小而美 Vue.js 1.0.0 发布了! [译]如何成为一名卓越的前端工程师 手机淘宝前端的图片相关工作流程梳理
继续对Mac穷追猛打 之 修改原生按钮文字大小的技巧
勾三股四 · 2011-11-17 · via 囧克斯

在 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也有难搞的一面啊 (当然,如果你打算自定义按钮的样式,就没有这些烦恼了)