在Mac版本的Safari上，输入类型=数字中出现竖线

Question

我遇到了Mac版本的Safari中的一个错误，该错误在一个数字输入字段上的框中出现了一条垂直线。我已经在iphone以及基于Windows的浏览器上对其进行了检查，但它在其他任何工具上均不存在。 编辑：Turnip指出它也发生在Windows的Chrome中。我今天早上检查了它，当您在输入框中单击时会发生这种情况。

我用来生成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>

指向相关页面示例的链接为link

编辑：更新了代码块，以反映客户端渲染的内容，而不是服务器端代码。

Answer 1

是输入中的微调器。您已经使用no-spinners类为它设置了样式，并为其添加了边框和高度。如果您首先打算这样做，则可以按照this正确隐藏它。