IOS下頁面樣式定義不能使用？？

今天修改手機頁面css時，定義的<input type="button" />樣式不能顯示~ 看下面的例子

wap頁面：

ios訪問頁面：

通過從網上各類查找資料，發現IOS系統默認的是原生態樣式。

解決方法：

定義全局 input{

  -webkit-appearance: none; 

}

樣式就和wap頁面同樣了！！ 

使用html5日期ios <input type="datetime-local" class="datetime_local"/> 若是使用上面的input，就會出現日期選擇不會出現，這樣的話，我們就須要從新定義 datetime-local 樣式，以下代碼：

.datetime_local {

  -webkit-appearance:textfield;padding:1px;background-color:white;border:2px inset;border-p_w_picpath-source:initial;border-p_w_picpath-slice:initial;border-p_w_picpath-width:initial;border-p_w_picpath-outset: initial;border-p_w_picpath-repeat:initial;width:40%;height:100%;font-size:14px;

}

這樣就完美解決~ 

參考資料網址：http://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html