前端开发

 首页 > 前端开发 > css教程 > 网页按钮在苹果safari浏览器下呈渐变圆角解决方案

网页按钮在苹果safari浏览器下呈渐变圆角解决方案

分享到:
【字体:
导读:
          原来iPhone上的safari解析input[type=submit]和input[type=reset]按钮会以苹果浏览器的默认UI渲染,苹果一直非常注重用户体验,从苹果系统为中文单独定义了汉字的字体就可以看出来,所以苹果浏...

原来iPhone上的safari解析input[type="submit"]和input[type="reset"]按钮会以苹果浏览器的默认UI渲染,苹果一直非常注重用户体验,从苹果系统为中文单独定义了汉字的字体就可以看出来,所以苹果浏览器对网页元素进行渲染和美化不足为其,只是考虑到是为客户做项目,如果不能保证在各种设备上显示一致的话,是不能被客户所认可的。所以这里需要停止苹果默认对UI渲染。通过这个代码可以完美解决:
 
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
 
把这行代码放到你的重写css部分中去,可以去掉苹果的渲染,从而实现网页在android,ios系统下显示一致。
分享到:
最全的CSS浏览器兼容问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.    CSS技巧    1.div的垂直居中问题 vertic...
燕十八版本CSS全套视频教程在线视频教程
一说学编程,大家都下意识觉得要"吃苦","熬夜",哪有那么复杂,一定是你看错了教程. 这是我刚录的教程,挑一个阳光的午后,关掉手机,用6个小时, 看看十八哥如何把一个公司的保安教会HTML的. 播放地址:视频下载地址为http://pan.baidu.com/s/1veRFA 001.了解html http://www.tudou.com/programs/view/c5ODxMR2zvk 002.开发...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……