首页 > 课堂 > 浏览器 > 正文

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

2020-05-31 11:28:57
字体:
来源:转载
供稿:网友

使用谷歌浏览器时,当鼠标焦点在文本输入框(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该怎么办?

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表