用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

转载于:https://www.cnblogs.com/chang229/p/6549215.html

用css去除chrome、safari等webikt内核浏览器对控件默认样式相关推荐

css去除高德，百度和腾讯地图控件的水印
地图的水印去除官方没有文档和方法,主要的去除方式还是依靠前端通过权重和样式穿透进行元素的隐藏. 水印的图片和字体在调试工具中都没有特定的类名和id名称,所以最好的方式就是通过调试工具定位标签. 然后通 ...
html指定ie内核,指定Webbrowser控件所用IE内核版本
如果电脑上安装了IE8或者之后版本的IE浏览器,在Visual Studio Webbrowser控件默认使用IE7兼容模式来显示网页内容.解决方法是在注册表中为你的进程指定引用IE的版本号. 比如我 ...
使用jQuery, CSS, JSON 和ASP.NET打造一个新闻轮换控件
这个新闻轮换控件能在网页上的同一个地方显示几条新闻.新闻被拆开几页,为了放置在一个指定的区域.每一页也能包含一对新闻列表. 通过点击底部的页码,能够在不同的页面之间导航,点击页的每个新闻项,就能查看新 ...
为IE内核的WebBrowser控件内存泄漏所烦恼的可以考虑用Cefsharp代替它！
为IE内核的WebBrowser控件内存泄漏所烦恼的朋友们,可以考虑用Cefsharp代替WebBrowser控件特意做了一个程序来测试利用Cefsharp做控件,访问网站.每分钟刷新2次,初始时 ...
纯CSS设置Checkbox复选框控件的样式
下面是纯CSS设置Checkbox复选框控件的五种简单样式,有兴趣的可以进行改动将其变成自己想要的样式. 首先,需要添加一段CSS隐藏所有的Checkbox复选框,下面我们会改变它的外观.要做到点需要 ...
js判断是否为Chrome/Safari/火狐/360/搜狗浏览器等
function myexplorer() {var explorer = window.navigator.userAgent;if (explorer.indexOf("QQBrowse ...
关于讯飞语音听写RecognizerDialog 去除这个弹框view中的任何控件更改其中内容
| | | 上面这是讯飞语音听写sdk的听写弹框下面两张是自己项目中改的我发现他sdk的assets下的iflytek 中的recognize.xml 里面虽然是乱码但是可以看到的一些东西是此倾听 ...
C#Winform将WebBowser控件替换为Chrome内核
摘要由于最近要做一个浏览器式的软件,其中有不少地方需要使用到jQuery和BootStrap,但是在C#中,默认的WebBrowser控件默认使用的是IE的core,而低版本的IE在JS加载上总是容 ...
C#将WebBowser控件替换为Chrome内核
摘要由于最近要做一个浏览器式的软件,其中有不少地方需要使用到jQuery和BootStrap,但是在C#中,默认的WebBrowser控件默认使用的是IE的core,而低版本的IE在JS加载上总是容 ...

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

用css去除chrome、safari等webikt内核浏览器对控件默认样式相关推荐

最新文章

热门文章