使用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 -horizo​​ntal

scrollbartrack-vertical

scrollbarthumb-horizo​​ntal

scrollbarthumb-vertical

scrollbargripper-horizo​​ntal

scrollbargripper-vertical

##slider-horizo​​ntal

#slider-vertical

sliderthumb-horizo​​ntal

sliderthumb-vertical

#caret

searchfield

searchfield-decoration

searchfield-results-decoration

# searchfield-results-button

searchfield-cancel-button

textfield

### ####textarea######

以上是使用css去除chrome、safari等webikt內核瀏覽器對控制項預設樣式方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！