hidefocus怎么设置？手把手带你操作一遍！

今儿个，咱来说说这个 hidefocus。一开始我也不知道这是个啥玩意儿，就是有一次我做网页的时候，发现点那个链接，它周围会出现一个虚线框，就觉得这个框有点碍眼，琢磨着怎么把它去掉。

我就去网上查查，发现这个东西叫做“聚焦”，就是你点一个链接或者按钮啥的，它为告诉你“你点到我”，就会显示一个虚线框。而 hidefocus ，就是把这个虚线框给藏起来。

搜到几种解决办法：

• 一种是给每个链接或者按钮加个属性，叫 onfocus="*()"。
• 还有一种办法更狠，直接用 CSS 把所有元素的 outline 属性设置成 0 或者 none，一百。
• 还有一种是说可以用 hidefocus="true" 这个属性，但我试试，发现这玩意儿好像只在 IE 浏览器里好使。

我一开始试第一种，在 a 标签里加 onfocus="*()"。你还别说，真管用！那个虚线框果然没，点哪儿都没。但是我这网页里链接、按钮什么的多去，一个一个加也挺麻烦的。

于是我又试第二种，在 CSS 样式里加这么一句：

a:focus {outline:0;}

这下更爽，啥都不用改，所有链接的虚线框都没。这招真是简单粗暴，我喜欢！

第三种我就没试，因为我平时也不咋用 IE，而且听他们说这玩意儿只有老版本的 IE 才支持，现在的新浏览器都不认这个。

我选择第二种方法，因为我觉得这个方法最方便，只要改一个地方，就能把整个网站的虚线框都干掉。而且我觉得用 CSS 来控制样式也更符合规范，代码看起来也更整洁。

如果你也遇到同样的问题，不妨试试这几种方法，看看哪个更适合你。

这就是我今天想跟大家分享的一点小经验，希望能帮到大家！