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

这篇文章主要讲解了“CSS怎么禁止Chrome浏览器激活输入框后自动添加橘黄色边框”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS怎么禁止Chrome浏览器激活输入框后自动添加橘黄色边框”吧！

Chrome默认会为一切的输入框加之橘黄色的边框，固然无心候大要使我们的网站看起来更友人，但对自定义的技俩是有影响的。当鼠标点击输入框时，在googlechrome浏览器中，光标移到输入框时激活输入框会被加上橘黄的边框，鼠标光标移开输入框后被加橘黄色边框隐没。这个google阅读器主动为输出框加css花色尤为不美观影响功效，这里简介方案在谷歌浏览器中禁止被激活输入框加橘黄色技俩。

例如做了一个圆角框的input输出框，要是没有对边框focus时的属性做任何劳动，Chrome将默认加之一个正方形的边框，轻忽你将input的border设为none的敕令。

为了抗御贫穷咱们可能阻止chrome为被激活的输入框增进边框，方法如下:

1. 阻止为全部被激活的输出框增长边框（推荐此门径）

*:focus {outline: none}

2. 制止为被激活的输入框增多边框，比方

.abc:focus{ outline:none }

说明：".abc"为输入框对象自界说增加的class类定名

3. 也概略自定义输出框被激活时的边框名堂

.abc:focus { outline:Blue Solid 4px;}

说明：".abc"是自界说的css 定名。

感谢各位的阅读，以上就是“CSS怎么禁止Chrome浏览器激活输入框后自动添加橘黄色边框”的内容了，经过本文的学习后，相信大家对CSS怎么禁止Chrome浏览器激活输入框后自动添加橘黄色边框这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！