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: 前端组

转载于:https://www.cnblogs.com/qianduanzu/archive/2012/05/14/2498829.html