#html #css
#HTML #css
Вопрос:
Я хотел бы избавиться от синего прямоугольника для визуальной обратной связи с касанием в моем веб-приложении. Это всегда очень неприятно на закругленной кнопке.
Кнопка выше имеет css, чтобы сделать ее округленной, и цвет активного состояния. Мне не нужна встроенная визуальная обратная связь Chrome Mobile.
Я также замечаю, что такого поведения не происходит при использовании bootstrap, но происходит при использовании Bulma или tailwind.
Как я могу отключить эту функцию на своем мобильном веб-сайте?
Комментарии:
1. Вероятно, это связано с фокусом. Исчезает ли это, когда вы выбираете текстовое поле?
Ответ №1:
Вы должны установить -webkit-tap-highlight-color:прозрачный или -webkit-tap-highlight-color: rgba(0,0,0,0), чтобы удалить цвет подсветки по умолчанию в Chrome.
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color
Что касается bootstrap, css по умолчанию содержит свойство, как вы можете видеть здесь: 