CSS禁止Chrome谷歌浏览器激活输入框后自动添加橘黄色边框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS禁止Chrome谷歌浏览器激活输入框后自动添加橘黄色边框相关的知识,希望对你有一定的参考价值。

Chrome默认会为所有的输入框加上橘黄色的边框,虽然有时候可以使我们的网站看起来更友好,但对自定义的样式是有影响的。当鼠标点击输入框时,在谷歌chrome浏览器中,光标移到输入框时激活输入框会被加上橘黄的边框,鼠标光标移开输入框后被加橘黄色边框消失。这个谷歌浏览器自动为输入框加css样式非常不美观影响效果,这里介绍解决在谷歌浏览器中禁止被激活输入框加橘黄色样式。

例如做了一个圆角框的input输入框,如果没有对边框focus时的属性做任何休息,Chrome将默认加上一个正方形的边框,无视你将inputborder设为none的命令。

为了避免麻烦我们可以禁止chrome为被激活的输入框添加边框,方法如下:

1. 禁止为所有被激活的输入框添加边框(推荐此方法)

*:focus {outline: none} 

2. 禁止为被激活的输入框添加边框,例如:

.abc:focus{ outline:none } 

3. 也可以自定义输入框被激活时的边框样式:

.abc:focus { outline:Blue Solid 4px;} 
文章来源:http://www.divcss5.com/css-hack/c650.shtml

以上是关于CSS禁止Chrome谷歌浏览器激活输入框后自动添加橘黄色边框的主要内容,如果未能解决你的问题,请参考以下文章

Chrome浏览器无法自动填充表单

制作chrome插件/扩展程序,禁止谷歌浏览器访问某些网站

怎么禁止chrome浏览器插件自动更新

chrome跳转应用提示

如何禁止chrome浏览器http自动转成https

如何禁止chrome自动跳转https