Web приложение html, css, JavaScript

Question

Web приложение html, css, JavaScript

Анастасия Бухтеева Ученик (83), на голосовании 1 месяц назад

Проблема следующая, приложение поставили на хостинг, при запуске с телефона во время нажатия кнопка выделяется синей областью, по такой аналогии выделяются все кнопки. Приложение работает на html, css, JavaScript
В VS code подобной проблемы нету, так же синяя область вне монеты является кликабельной,при тесте в VS code это не так. При запуске сайта с приложением с компьютера синего выделения нету, но область вне монеты так же почему то кликабельна
Советовали следующие но данные изменения не принесли результат
"VS Code это редактор кода всего лишь, в нем не тестируют верстку.

Нужно прописать этим кнопкам
@media (hover: none) {
-webkit-tap-highlight-color: transparent;
}
Чтобы пустая область была не кликабельная, нужно скорее всего добавить border-radius или clip-path"
Так же проблема что на разных устройствах приложение выглядит по разному, иногда смещаются кнопки

Answer 1

-webkit-tap-highlight-color: transparent; задать всем кнопкам

Answer 2

дополнительно:

@media (hover: none) {
button:focus, a:focus {
outline: none;
}
}

и

button {
border-radius: 50%;
overflow: hidden;
}