Скорее всего, простой, но в настоящее время я в тупике. У меня есть тег ввода (текст), который странным образом устанавливает серый фон вокруг чего-либо внутри формы. Ниже изображение, показывающее проблему.
Пожалуйста, смотрите также код ниже:
<form type="submit" action="#">
<input name="location" type="text" class="form-control" placeholder="location"/>
<input type="submit" value="Search" class="btn btn-success mt-2"/>
</form>
Я использую Bootstrap 4 без изменений.
Странно, но при проверке с помощью Google Chrome, Safari или Mozilla Firefox серая область полностью исчезает, и форма выглядит точно так, как должна.
При удалении тега отправки серая область исчезает, и любой другой включенный тег, кажется, получает тот же результат, поэтому я считаю, что именно текстовый ввод вызывает проблему.
Любая помощь приветствуется, и если вам нужна дополнительная информация, пожалуйста, дайте мне знать.