去除input选中时默认的蓝色边框

在写表单的时候大家一定遇到过input选中时出现的默认蓝色边框。
像这样:

• 
  

  还有这样:

非常难看有没有？
去除的方法很简单，在css中添加下面这行代码即可:
outline:none;