在css样式表设计中,在点击css的链接对象时,网页中会出现虚线边框,怎么去掉这个虚线边框呢?
本节脚本学堂小编为大家分享几个例子,朋友们做个参考。
要同时兼容ie和火狐浏览器,样式直接写成:
也可以单独写:
===ie===
为链接添加onfocus事件
if(this.blur)this.blur()
===firefox===
添加css
:focus{outline:0}
该css可以作为全局存在,即在样式表中单独存在一行该代码即可时全页面的链接不带有虚线框
===chrome, safari===
这两个浏览器在点击链接时本身没有虚线框
===jquery框架===
如果你使用jquery框架的话,可以添加以下代码即可实现
最终方法是在css文件直接加入: