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

Question

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

应该不是outline的影响吧

Answer 1

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

Answer 2

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

Answer 3

.box:focus {outline: none;}

Answer 4

浏览器自带样式

Answer 5

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

Answer 6

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

Answer 7

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

:focus{outline:0;