欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

使用css去除chrome、safari等webikt内核浏览器对控件默认样式方法介绍

程序员文章站 2022-03-25 21:49:14
...
有这么一个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

以上就是使用css去除chrome、safari等webikt内核浏览器对控件默认样式方法介绍的详细内容,更多请关注其它相关文章!