垃圾前排答案,看劳资来答。
1、设置outline: none;谷歌浏览器搞定;
2、解决火狐设置outline: none;依然有虚线字体颜色框的问题:
思路:用阴影来替换文本,只针对火狐
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
非原创,Stack Overflow找到的答案,原链接:去除火狐select虚线边框
能fq的直接点链接吧
一般我们点击超链接的时候都会有一条虚线边框,有时候用text-indent:-999px来隐藏字体的时候,哪个边框就很长了,所以我们就会想到去掉这个边框,请看下面方法
IE浏览器:
a {
blr:expression(this.onFocus=this.blur());
}
FF浏览器:
a {
outline: none;
}
或者缩小范围:
a:focus {
outline: none;
}
后者使得鼠标左键在链接上按下,松开之前的这段时间里,仍会显示虚线的outline.