用css去除chrome、safari等webikt內核瀏覽器對控件默認樣式

有這麼一個webkit的私有屬性：

　　　　-webkit-appearance:none; /*去除input默認樣式*/

添加該樣式，而且值爲'none'時便可取消瀏覽器對於控件的默認樣式。

另外這個屬性也有個神奇的地方~ 他能夠用來調用顯示瀏覽器對各類控件的默認樣式，

好比： 我是span啊親!! 那麼他所顯示的效果就是button標籤的自帶樣式。

哈 以爲挺有趣的~

另外這個屬性能夠用來去除Iphone上面那個噁心的超大圓角的按鈕默認樣式，從而使本身編輯的按鈕樣式顯示正常。

下面是這個屬性可能會有的值，也算是能夠顯示的瀏覽器控件默認效果。

checkbox

radio

push-button

square-button

button

button-bevel

listbox

listitem

menulist

menulist-button

menulist-text

menulist-textfield

scrollbarbutton-up

scrollbarbutton-down

scrollbarbutton-left

scrollbarbutton-right

scrollbartrack-horizontal

scrollbartrack-vertical

scrollbarthumb-horizontal

scrollbarthumb-vertical

scrollbargripper-horizontal

scrollbargripper-vertical

slider-horizontal

slider-vertical

sliderthumb-horizontal

sliderthumb-vertical

caret

searchfield

searchfield-decoration

searchfield-results-decoration

searchfield-results-button

searchfield-cancel-button

textfield

textarea