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

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>