去掉chrome浏览器下input以及textarea获焦后边框发光

去掉chrome浏览器下input以及textarea获焦后边框发光

作者: admin

全网最全的网络资源分享网站

手机扫码查看

标签:

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

chrome浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页浏览器,但是在开发中,让人感觉很多余的一个特性就是,在表单项中的控件聚焦时总会出现一个蓝色边框特别是input和textarea,并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能。如图所示:

 
去掉chrome浏览器下input以及textarea获焦后边框发光
 
有的时候黄色边框很影响页面效果,并且textarea拖动改变大小之后直接影响布局,所以为了不使这些多余的功能和效果影响页面,可以使用一下几句CSS清除掉chrome浏览器的默认效果,代码如下:
 
取消表单项聚焦时产生的黄色边框:
input,button,select,textarea{outline:none}
 
取消textarea的拖动改变大小的功能:
textarea{resize:none}
 
最后把以上两个CSS合并后如下
 
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
分享到:
打赏
未经允许不得转载:

作者: admin, 转载或复制请以 超链接形式 并注明出处 轻尘云网络
原文地址: 《去掉chrome浏览器下input以及textarea获焦后边框发光》 发布于2020-2-8

评论

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

去掉chrome浏览器下input以及textarea获焦后边框发光

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Sitemap