forecho

把生命浪费在美好的事物上

解决iPhone/iPad 按钮样式问题

2014年03月06日

你要的左边的按钮的样式,在Android上面显示是 OK 的,但是不知道为什么,iPad 和 iPhone 上面显示却是右边的按钮样式,很难看。 解决办法就是添加下面的代码:

1
-webkit-appearance: none;

或者是:

1
2
3
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}

参考链接:

CSS submit button weird rendering on iPad/iPhone

CSS input button on iPhone