自從完成上次iPhone的幾個頁面效果后，一直在沒有制作iPhone的頁面效果了，今天在公司寫了一個登錄頁面效果，讓我碰到一個怪異的問題——“表單中的input[type="submit"]和input[type="reset"]按鈕在iPhone的safari瀏覽器下圓角有一個bug”。下面我來簡單的描述一下這個bug的樣子：
初載入頁面后，表單中的input[type="submit"]和input[type="reset"]按鈕渲染成下圖的樣子：
奇怪的是你點擊以后就會正常：
對比一下，你也會覺得怪，怪都算了，還不知道如何下手:
或許很多同學會認為我的樣式代碼沒寫好，那么想讓大家知道是怎么一回事，先來看看我寫的代碼：
input[type="submit"]和input[type="reset"]樣式代碼：
注：請使用safari測試上面代碼。
可是上面的代碼就在iPhone的Safari瀏覽器下出開頭所陳述的問題。一下真不好如何動手解決，因為從來沒有接觸過，所以就一直沒有碰到過。但問題出了，就要想辦法解決，于是在GG上搜索“input submit for iPhone”，還真找到了問題所在。 Keir Whitaker 在Styling Submit Buttons for Mobile Safari 中介紹的內容和我碰到的問題可真是一模一樣，按其方法在樣式中加入：
新聞熱點
疑難解答
