文本框为什么在网页上点击时四周会有蓝框?

点击这个文本框为什么四周会有蓝色的框框?

应该不是outline的影响吧

对, 就是outline导致的。 不同浏览器显示的会不一样。

<input type=”text” style=”outline: none;” />

.box:focus {outline: none;}

浏览器自带样式

用的chrome调试吧,有个focus事件,chrome显示不了,你用火狐就可以看到了

浏览器自带样式,不同浏览器不一样,可用css样式覆盖

使用如下方法即可去除,设置全局css

:focus{outline:0;

  • 网易云音乐中的这个焦点图怎么实现呢?
  • 请问dd列表当中,如何能使序号图标垂直对齐不定行数的dd列表
  • css 中display:table 是否可以用来做页面的整体布局?
  • 如何解决 header("WWW-Authenticate: Basic realm=’你好’")弹框中中文乱码的问题?
  • flash div 层叠问题
  • div中的文字换行
  • 求助各位有谁遇到过css文件在服务器上就不生效了
  • 这个二级子菜单的尖角是怎么实现的?
  • 移动端布局问题
  • 如何用纯 CSS3 创建不会飘出边界的菜单
  • react es6绑定事件的问题