用css去除chrome、safari等webikt核心瀏覽器對控制項預設樣式，chromewebikt

用css去除chrome、safari等webikt核心瀏覽器對控制項預設樣式，chromewebikt

有這麼一個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