用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

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有