outline 与 border 在输入框获得焦点时改变外边框颜色

1. 方法一

.input:focus {  
  outline: none;
  border: 1px solid #65a0fa;
}

outline 位于边框边缘的外围，可起到突出元素的作用，因此在改变边框颜色时，要先设置outline为none,然后再对边框进行颜色，圆角等设置

2. 方法二

.input:focus {  
  outline: 1px solid #65a0fa;
}

只有IE8以及更高的版本才支持outline属性
border 可应用于几乎所有有形的html元素，而 outline 是针对链接、表单控件和ImageMap等元素设计。outline 的效果将随元素的 focus 而自动出现，相应的由 blur 而自动消失。这些都是浏览器的默认行为，无需JavaScript配合CSS来控制。