按钮在IOS下渲染异常的解决方法

2013 年 8 月 21 日

在ios下，当使用圆角、背景灯css定义input提交按钮时，按钮看起来很奇怪，被莫名其妙的加上高光效果，如下图所示

解决方法是给按钮增加如下样式

-webkit-appearance: none;

参考文章

css styling for input buttons on ipad / iphone

CSS submit button weird rendering on iPad/iPhone

4条评论

hazard说道：
2014 年 4 月 6 日 15:06
大爱AIR、、、、
1. Sola说道：
  2014 年 4 月 7 日 12:31
  嘿嘿^^
WindyLiu说道：
2013 年 9 月 4 日 08:12
是safari默认渲染成这样的么？
1. Sola说道：
  2013 年 9 月 4 日 11:16
  是ios的问题，ios下chrome也会渲染成这样。

评论已关闭。