CSS谷歌也难搞

在CSS攻城师眼里,IE系列恐怕是兼容性最不好的浏览器了,尤其是IE6了。但是我发现谷歌的Chrome浏览器也有难搞的地方,都是小细节方面,不知道大家有没有遇到过。

一、默认不支持12px以下字体。不知道谷歌发什么神经,如果你在某处设置文字大小font-size:10px,Chrome保证不会变,还是12px

前端组

解决:

1 .content { -webkit-text-size-adjust: none;} /*在小号文字样式中加上*/

二、placeholder文字颜色。placeholder是HTML5新属性,用于文本框内的提示,以替代用value+脚本实现。如果你的提示文字需要改变字体颜色,Chrome浏览器要另加一句才能实现,如下代码:

1 .input_text { color:#fff;}
2 .input_text::-webkit-input-placeholder { color:#fff;} /*Chrome需另加一句*/

Author: 前端组

posted on   前端组www.qianduanzu.com  阅读(1091)  评论(1编辑  收藏  举报

编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
< 2012年5月 >
29 30 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 1 2
3 4 5 6 7 8 9

统计

点击右上角即可分享
微信分享提示