Вертикальная линия, появляющаяся в типе ввода = число в Mac-версии Safari

Question

Я столкнулся с ошибкой в ​​Mac-версии Safari, где в поле ввода чисел в поле отображается вертикальная линия.Я проверил это на iphone, а также в браузерах на базе Windows, и его нет ни на чем другом. Редактировать: Репа указала, что это происходит в Chrome на Windows, а также.Я проверил это сегодня утром, и это происходит, когда вы щелкаете внутри поля ввода.

Код, который я использую для генерации html:

<div class="quantity">
  <input class="minus" type="button" value="-">
  <input type="number" step="1" min="1" max="" name="quantity" value="1" title="Qty" class="input-text qty text no-spinners" size="4" pattern="[0-9]*" inputmode="numeric">
  <input class="plus" type="button" value="+">
</div>

Ссылка на пример рассматриваемой страницы ссылка

Изменить: обновлен блок кода, чтобы отразить то, что отображается на стороне клиента, а не на стороне сервера.

Answer 1

Это счетчик на входе.Вы стилизовали его, используя класс no-spinners, добавив к нему границы и высоту.Вы можете следовать этому , чтобы правильно скрыть это, если это было вашим намерением в первую очередь.