页面按钮多出的边框-outline属性

问题

项目依赖版本升级后，再次更新发现出现了一个边框，本来以为是border，但是发现并不是因为这个属性造成的。 后面经过排查发现是bootstrap 文件里面对button多出来了outline属性。

outline属性

http://c.biancheng.net/css3/outline.html 这个是详细地址链接

轮廓和边框看起来非常相似，但它们之间也并非没有区别，例如：

• 元素上下左右四个方向上边框的样式、宽度、颜色可以单独设置，而轮廓在元素四个方向的宽度、样式、颜色都是相同的，不能单独设置；
• 边框的宽度会直接影响元素的尺寸，而轮廓不会占用页面空间，不会影响页面的布局，但是轮廓会与页面上的其它元素发声重叠；
• 除了会与周围的元素发声重叠外，轮廓对周围的元素没有任何影响；
• 边框是元素尺寸的一部分，而轮廓不是，也就是说无论轮廓的宽度是多少，元素的尺寸都不会改变；
• 轮廓可以不是矩形的，但您不能直接创建圆形轮廓