有這麼一個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-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######以上是使用css去除chrome、safari等webikt內核瀏覽器對控制項預設樣式方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!