首页 > 建站教程 > Div+Css >  a链接点击后显示虚线框,去除a链接点击虚线框问题a:focus{outline:none;}正文

a链接点击后显示虚线框,去除a链接点击虚线框问题a:focus{outline:none;}

      今天,一个摩天轮的客户发来一个修改需求,说是上面的a链接点击后留下了虚线框,太难看了,去掉:


点击之前


点击之后


      这是因为,点击后,a链接获得了焦点,浏览器为了让用户明白焦点的存在,会给它加个 outline 的 border,既然明白了为什么,在css重置样式中,将它去了就可以了:

a:focus{outline:none;}