单击按钮时如何删除按钮的背景角

Question

当使用css发生按钮onclick事件时如何移除按钮的焦点。我使用了css outline：0 none但是它不起作用。我也使用了border：none但它也无法工作。我该怎么办请建议我

.btnfst {
    border-radius: 100px;
    height: 60px;
    width: 220px;
    background-color:   #1E90FF;
    font-size: 30px;
    color: white;

    border-style:hidden;
    overflow: hidden;
    border-image-repeat: stretch;
    background-image: url('images/btt.png');

     border: none;
     outline: 0 none;
    -moz-outline-style: none;    
}

Answer 1

您正在删除按钮上的轮廓，而不是焦点时刻。

尝试：

.btnfst:focus {
  outline: none;
}

使用此功能，您可以在焦点处于活动状态时移除焦点。

https://jsfiddle.net/851egdsm/