鼠标经过按钮看起来微微放大效果

最近在写一个项目，使用boostrap自带的按钮类 btn btn-info 等，然后发现一个问题，有的按钮鼠标经过除了背景色变化以外，外表大小看起来似乎也变大了，但是按钮的宽高并没有变化，然后就很奇怪。
然后我就检查元素的css样式，以为是自己写的代码冲突了，后来发现并没有，然后就各种的百度，尝试，都没有解决。
一看，实在不行了，我就直接看boostrap.css是怎么写的，然后和我的进行对比，因为颜色原因，还添加的其他的类名。
然后
重点来了

经过对比

boostrap.css里面在鼠标经过元素的时候，除了改变背景色/字体颜色还改变了边框的颜色，而且边框的颜色还比背景色深一点

难道这就是问题的所在

实践出真知，那就试一下呗

一试果然对了

没想到border-color和background-color相结合还有这样的效果，

长见识了

div {
	width：200px；
	height:200px;
	background-color:#0978FF;
}
div:hocer {
	background-color: #0868dd;
    border-color: #0c5cbe;
}