用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