单击时如何删除圆形按钮上的轮廓

Question

单击圆形按钮时，如何删除圆形按钮周围的蓝色边框。

Answer 1

在此示例中，我已将border-color从蓝色更改为transparent并在outline:none;上添加了:focus（也可以添加未启用）

希望这有帮助

button {width:50px;
height:50px;
background-image:url("http://www.rachelgallen.com/images/purpleflowers.jpg");
background-size:70% 70%;
background-repeat:no-repeat;
background-position:center center;
border-width:3px;
border-style: solid;
border-color:#000099;
}
button:focus{
 border-color:transparent!important;
 outline:none;
}

<button>

</button>

Answer 2

使用outline属性：

selector {

 outline:none;

}

示例：

.btn {

     outline: none;
}

<button class="btn">Click Me!</button>