19.7.15碰到一个问题，使用bootstrap的下拉列表时，下拉的a标签点击后，总是会出现一个蓝色边框（移动端为黄色），查看了所有的css文件，都未发现有相关的语句，额外写的border也无法进行覆盖。后来经过反复查找，发现其实是浏览器默认的样式在起作用。
outline
当文本输入框（input、textarea）等元素获取了鼠标焦点（即:focus）时，谷歌(还有360)浏览器默认会给它们加上一个outline边框，尽管我们有时并不需要这边框。。。
（与border不同）outline边框轮廓线不会占据空间，它位于边框（border）边缘的外围，故而不会被border覆盖，可起到突出元素的作用
去除效果
在CSS中用下面的代码去除该效果：
1 | 元素名:focus {outline: none;} 去掉对应元素的焦点边框 |
增加样式
也可以给它来给元素增加边框样式：input,textarea:focus { outline:Blue Solid 4px; }
但使用时首先要先去掉默认的样式才行：input,textarea:focus {outline: none;}
关于该属性的更多了解可参考
CSS outline 属性
