按下时如何删除按钮边框

Question

嗨,我在点击我使用边框时有删除按钮边框的问题:无但不起作用我将边框半径放到我的按钮,但是当我点击时,方框中出现的边框如何删除？

这是我的形象在此先感谢..

这是我的CSS

.putadditionalitem{
    width:49%;
    height:100%;
    border-radius:50px;
    font-size:25px;
    font-weight:bold;
    font-family:Poplar Std;
    color:#fff;
    background: #05f11b;
    background-image: -webkit-linear-gradient(top, #05f11b, #0bbb1c);
    background-image: -moz-linear-gradient(top, #05f11b, #0bbb1c);
    background-image: -ms-linear-gradient(top, #05f11b, #0bbb1c);
    background-image: -o-linear-gradient(top, #05f11b, #0bbb1c);
    background-image: linear-gradient(to bottom, #05f11b, #0bbb1c); 
    margin-bottom:5px;
}

Answer 1

这不是边界,它是轮廓.

使用

outline:none;

这将解决它.

这是一个例子:

.no-outline {
    outline:none;
}

<input type='text'>
<br><br>
<input type='text' class='no-outline'>

第input一个在它周围有一个蓝色轮廓:focus,第二个没有.