去掉input输入框点击后的蓝色边框的方法，实例在线编辑

原生的HTML的input输入框点击后会有一个蓝色的边框，这个该怎么去掉呢？如果使用CSS的伪类:focus，然后设置border属性为none的话，并不能去除，那该怎么办呢？

去掉input输入框点击后的蓝色边框的方法

使用伪类选择器:focus，然后设置如下样式：

outline: none;

<input type='text' class='e1'><br><br>
<input type='text' class='e2'>

<style>
  .e1:focus{outline:none;}
  .e2:focus{border:none;}
</style>

hot：热门