今天在web群里聊天的時候，發現了這個東東，我好像不怎么認識他，於是查了下關於他的信息：
抄的例子,
-----------
IOS環境下的按鈕都是經過美化的，但通常我們在設計web app的時候不需要這些看上去老土的樣式，所以，去除這些顯得很有必要。
下面這句代碼就是重置這些樣式的：
-webkit-appearance: none;
通常，我們在寫移動端的web開發時，會zaicommon.css中添加以下CSS代碼來：
input[type=button]{
-webkit-appearance:none;
outline:none
}
----------------------------
但是我覺得他好像還有些確定，並不是那么完美。如下：
-------------------------
-webkit-appearance:none導致無法獲取checkbox值
這個BUG發生的背景有點復雜。大概就是一個Form表單，要用Validation Plugin驗證，Ajax提交。結果發現在Webkit瀏覽器下無論怎樣都阻止這個form在提交的時候刷新整個頁面。
最后總算抓到元凶是checkbox上的-webkit-appearance:none屬性。
-webkit-appearance會將webkit瀏覽器中的元素默認樣式去除。checkbox在這個屬性下就直接隱藏掉了。然后用JS獲取checkbox值時Webkit瀏覽器會報很奇怪的錯誤。給這個元素重新賦上-webkit-appearance:checkbox就不會報錯了。
其他的的表單元素以及其他的情況並未測試。這個問題在Chrome和Safari中都會出現，應該是Webkit引擎的問題。
--------------------------