На сегодняшний день это невозможно.
Вы можете только поменять цвет подсветки (
https://developer.mozilla.org/en-US/docs/Web/CSS/-... ), все остальное недоступно для кастомизации.
UPD
Александр настаивает, что нужно давать варианты решения, даже если их нет =) ну ладно..
Можно задать прозрачный цвет для этой подсветки. Потом сделать собственную, например псевдоэлементом. И показывать ее на секунду при
клике тапе.
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
position: relative;
&::after {
position: absolute;
left 0;
top: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(blue, 0.5);
border-radius: 20px;
display: none;
}
&.highlight::after {
display: block;
}
}
a.addEventListener('touchstart', e => {
e.target.classList.add('highlight');
setTimeout(() => e.target.classList.remove('highlight'), 500);
});
Стоит ли оно того — решать вам.
