Как удалить границу кнопки при нажатии

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, второй нет.