Как удалить синюю основную кнопку на мобильном телефоне? ⇐ CSS

[Anonymous]

Я пытаюсь удалить синюю коробку, которая появляется на щелчке перед кнопками, как вы можете видеть ниже:

Перед вопросом, я сделал много исследований, я попробовал Solutions, данные следующими точками: p> p> p> p> p> p> p> p> p> p> p> p> p> pretions p> p> pruce. /> Как удалить границу фокусировки (наброски) вокруг текстовых /входных ящиков? (Chrome) < /li>
Удалите синюю коробку вокруг кнопок. Html < /li>
Как удалить синюю теневую границу в кнопке в кнопке, если нажал < /li>
Как удалить «выбранные» наброски «выбран» на кнопках? Чтобы удалить фокусировку вокруг кнопок на щелчке < /li>
< /ul>
Я пробовал все ответы! Он работает на компьютере, но не на мобильном телефоне. Вот кнопка: https://jsfiddle.net/t4ykshst/

Код: Выделить всё

#add {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
outline: none;
cursor: pointer;
padding: 10px;
overflow: hidden;
border: none;
-webkit-border-radius: 50%;
border-radius: 50%;
color: rgba(255, 255, 255, 0.9);
text-align: center;
background: #1abc9c;
-webkit-box-shadow: 0 4px 3px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 3px 2px rgba(0, 0, 0, 0.2);
}

#add:active {
opacity: 0.85;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/450 ... -on-mobile