使用谷歌浏览器时，当鼠标焦点在文本输入框（input、textarea）时，谷歌浏览器默认会给它们加上边框，但我们有时并不需要这边框，所以要通过代码去掉。
1、获得焦点时，默认会出现边框
复制内容到剪贴板- <html>
- <head>
- <style>
- </style>
- </head>
- <body>
- <input type="text" id="a" />
- <textarea id="b"></textarea>
- </body>
- </html>
2、在CSS中用下面的代码可以去掉边框：
复制内容到剪贴板- input,textarea:focus {
- outline: none;
- }
3、如果需要，可以给元素增加边框样式： input,textarea:focus { outline:Blue Solid 4px; } ，但要先去掉：input,textarea:focus {outline: none;}
4、如果你想去掉所有默认边框可加入下面代码：
复制内容到剪贴板- *:focus {
- outline: none;
- }
相关推荐：
谷歌浏览器打不开提示没有注册类该怎么解决?
谷歌浏览器安装失败错误代码0xa0430721怎么办？
win10中Chrome谷歌浏览器看视频提示could't load plugins该怎么办?
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）