Html Google Chrome用蓝色虚线限制页面边框

Html Google Chrome用蓝色虚线限制页面边框,html,css,django,google-chrome,border,Html,Css,Django,Google Chrome,Border,现在我正在用Django做我最喜欢的博客项目。当我在Google Chrome中运行服务器时,它会在页面上显示这些蓝色虚线,从而替换所有元素。同时,当我访问Microsoft Edge上的同一个站点时,一切看起来都正常。Chrome中的这个页面有什么问题 在Chrome中,该页面如下所示: 就像在《边缘》中这样: 我在这里找到了这个问题的解决方案:。 它需要将:focus{outline:none;}添加到css文件中。希望它对某些人有用)尽管我认为从一开始就出现这种情况很奇怪,但从“聚焦”中

现在我正在用Django做我最喜欢的博客项目。当我在Google Chrome中运行服务器时,它会在页面上显示这些蓝色虚线,从而替换所有元素。同时,当我访问Microsoft Edge上的同一个站点时,一切看起来都正常。Chrome中的这个页面有什么问题

在Chrome中,该页面如下所示:

就像在《边缘》中这样:

我在这里找到了这个问题的解决方案:。
它需要将:focus{outline:none;}添加到css文件中。希望它对某些人有用)

尽管我认为从一开始就出现这种情况很奇怪,但从“聚焦”中删除大纲并不总是最佳做法。默认情况下,概述重点元素有助于提高网站的可访问性。参考: