温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何禁止Chrome浏览器激活输入

发布时间:2022-03-23 10:30:22 来源:亿速云 阅读:152 作者:iii 栏目:web开发

这篇文章主要介绍了如何禁止Chrome浏览器激活输入的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何禁止Chrome浏览器激活输入文章都会有所收获,下面我们一起来看看吧。

Chrome默许会为全数的输入框加之橘黄色的边框,虽然有时候可使咱们的网站看起来更朋侪,但对自界说的格式是有影响的。当鼠标点击输入框时,在googlechrome浏览器中,光标移到输入框时激活输出框会被加之橘黄的边框,鼠标光标移开输出框后被加橘黄色边框隐没。这个google浏览器积极为输出框加css花式非常不美观影响效果,这里介绍打算在谷歌阅读器中阻止被激活输入框加橘黄色名目。

比方做了一个圆角框的input输入框,若是不有对边框focus时的属性做任何休息,Chrome将默认加之一个正方形的边框,忽视你将input的border设为none的呼吁。

如何禁止Chrome浏览器激活输入
div css作废输入框被动加橘黄色边框

为了抗御贫困咱们大要制止chrome为被激活的输入框增长边框,方式以下:

1. 禁止为一切被激活的输出框增多边框(举荐此方式)

*:focus {outline: none}

2. 阻止为被激活的输出框增进边框,譬喻

.abc:focus{ outline:none }

注明:".abc"为输入框对象自定义增加的class类命名

3. 也大概自界说输出框被激活时的边框名目

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

注明:".abc"是自定义的css 定名。

关于“如何禁止Chrome浏览器激活输入”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“如何禁止Chrome浏览器激活输入”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI