Как работает иконка крестик справа в поисковой строке для удаления строки?

Question

[Vld90]

Разбираю пример строки поиска https://codepen.io/MarcoGuglielmelli/pen/rfpEm
Верстка почему то некорректно отображается в Мозиле, в Хром и Опере все хорошо.
Не могу понять, как появляется иконка крестик справа в текстовом поле поиска, при нажатии на которую удаляется строка из поисковой строки.
Мне как раз нужно было сделать крестик в строке поиска, чтобы удалить строку.

Сохранил этот пример локально на свой компьютер. Все работает также, но в html и css коде не смог найти код, который отвечает за иконку крестика и строки предыдущих поисков.

В чем может быть дело?

Answer 1

[Растишка]

type="search" добавляет кнопку и функцию очистки.

Answer 2

[undef_null]

Она добавляется автоматически. Это же форма поиска.
В коде просто меняются стили