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

Question

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

Answer 1

使用outline属性：

selector {

 outline:none;

}

范例：

 .btn { outline: none; } 

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

Answer 2

在此示例中，我将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>