兼容性问题汇总

标签：

欢迎大家提供在项目过程中遇到的兼容性问题（caijianguo1016@126.com）
1、input标签在safari下的兼容问题
　a）在苹果ios系统safari下，input呈现渐变和圆角状态；
　　原因：原来iPhone上的safari解析input[type="submit"]和input[type="reset"]按钮会以苹果浏览器的默认UI渲染，苹果一直非常注重用户体验，从苹果系统为中文单独定义了汉字的字体就可以看出来，
　　所以苹果浏览器对网页元素进行渲染和美化不足为其，只是考虑到是为客户做项目，如果不能保证在各种设备上显示一致的话，是不能被客户所认可的。所以这里需要停止苹果默认对UI渲染。
　　解决方案：
　　input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none;} /*去掉苹果的默认UI来渲染按钮*/
　b）去掉chrome、safari下， input或textarea在得到焦点时出现黄色边框的方法
　　input{ outline:0;}
　附：去掉chrome、safari下，textarea右下角可拖动鼠标改变textarea大小的方法
　　textarea{ resize:none;}
2、

兼容性问题汇总

标签：

原文地址：http://www.cnblogs.com/suming1016/p/5369009.html