谷歌浏览器怎么去掉默认焦点边框(input边框)?

谷歌浏览器怎么去掉默认焦点边框(input边框)?,第1张

谷歌浏览器怎么去掉默认焦点边框(input边框)?

使用谷歌浏览器时,当鼠标焦点在文本输入框(input、textarea)时,谷歌浏览器默认会给它们加上边框,但我们有时并不需要这边框,所以要通过代码去掉。

1、获得焦点时,默认会出现边框

复制内容到剪贴板
  1. <html>   
  2.   
  3. <head>   
  4.   
  5.     <style>   
  6.   
  7.     </style>   
  8.   
  9. </head>   
  10.   
  11. <body>   
  12.   
  13.     <input type="text" id="a" />   
  14.   
  15.     <textarea id="b"></textarea>   
  16.   
  17. </body>   
  18.   
  19. </html>   

2、在CSS中用下面的代码可以去掉边框:

复制内容到剪贴板
  1. input,textarea:focus {   
  2.   
  3.            outline: none;   
  4.   
  5.       }  

3、如果需要,可以给元素增加边框样式:  input,textarea:focus { outline:Blue Solid 4px; } ,但要先去掉:input,textarea:focus {outline: none;}

4、如果你想去掉所有默认边框可加入下面代码:

复制内容到剪贴板
  1. *:focus {   
  2.   
  3.             outline: none;   
  4.   
  5.        }  

相关推荐:

谷歌浏览器打不开提示没有注册类该怎么解决?

谷歌浏览器安装失败错误代码0xa0430721怎么办?

win10中Chrome谷歌浏览器看视频提示could't load plugins该怎么办?

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/1348640.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-13
下一篇 2022-06-13

发表评论

登录后才能评论

评论列表(0条)

保存