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

时间：2021-05-22

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

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

复制内容到剪贴板
  • <html>
  • <head>
  • <style>
  • </style>
  • </head>
  • <body>
  • <inputtype="text"id="a"/>
  • <textareaid="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该怎么办?

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章