Блог

Я предполагаю, что по умолчанию (непрозрачный)- -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;
} 

 <button>Enter</button>