-webkit-appearance: none;

今天在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引擎的問題。

--------------------------