切圖網用戶體驗團隊QUX在手機移動觸屏web前端開發中碰到一個問題 — 純css3定義的按鈕在android安卓系統下顯示正常，但是在蘋果ios系統下，以ipad為例，ipad下呈現漸變和圓角狀態 。 而css3中根本沒有定義這些樣式，那么問題來了，這個樣式從哪里來？追溯到這個源頭，問題就可以迎刃而解。於是翻閱大量文檔資料。終於查到：
原來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系統下顯示一致。
