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