Нежелательная граница вокруг полей ввода на мобильном устройстве [html]

#html #css

Вопрос:

Я столкнулся со следующей проблемой. Когда я пытаюсь ввести что-то на HTML-сайте на мобильном устройстве, я получаю следующую границу: Желтоватая граница вокруг поля ввода

вокруг поля ввода. Как мне этого избежать?

Комментарии:

1. Пожалуйста, введите свой полный код в сообщение, чтобы пользователи могли помочь

2. Я полагаю, что это активируется селектор фокусировки. Если это не ваш HTML, я не думаю, что его можно удалить.

Ответ №1:

Удалите контур из элемента.

 input{
    outline: none !important;
}
 

Ответ №2:

Хотя вы не предоставили код, проблема вызвана :focus селектором. Чтобы исправить это, добавьте следующее в свой CSS/ медиа-запрос также для мобильных устройств:

 input:focus{
    outline: none;
}
 

Ответ №3:

Вы можете указать {outline:none} стиль для html — элемента.

Комментарии:

1. чем это отличается от других ответов?