菜单

去掉a标签点击后的虚线框

2015-05-08 - web

最近用bootstrap在做前端设计页面,突然发现a标签点击后出现虚线框,很郁闷啊。原因是css的outline属性

百度后找到网友给的解决办法是添加css样式

a:focus {
outline: none;
outline-style:none;
-moz-outline:none;
}

试试后貌似不起作用,肿么办。又找了一下才发现还有一个办法

在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框。

<a href=”#” onfocus=”this.blur();”>测试</a>

搞定

展示图

 

 

转载请注明: 转载自—艾瑞可erik

本文链接地址: http://erik.xyz/1056.html

发表评论