按下时如何删除按钮边框

Question

您好我在点击时删除按钮的边框有问题 我使用border：none但不起作用 我将border-radius放到我的按钮上，但是当我点击时会出现一个边框 在广场如何删除这个？

这是我的形象提前致谢..

这是我的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;

这将解决它。

以下是一个例子：

＆＃13;

＆＃13;

.no-outline {
    outline:none;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

第一个input在:focus上有一个蓝色轮廓，第二个没有。