Закругленные углы области -webkit-tap-highlight-color ⇐ Html

[Anonymous]

Я предполагаю, что default (непрозрачный) -webkit-tap-highlight-color — это самый быстрый способ реагировать на прикосновения пользователя перед выполнением сложных манипуляций с DOM. Это особенно заметно на старых и медленных устройствах.
Насколько я понимаю, правило border-radius неприменимо к выделению касанием. Есть ли еще какой-нибудь способ сделать это для таких элементов, как закругленные кнопки?

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

button {
appearance: none;
border: none;
padding: 1em 2em;
border-radius: 2em;
-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}
button:active {
color:red;
}

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

Enter

Подробнее здесь: https://stackoverflow.com/questions/695 ... color-area