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 正确隐藏它，如果这是您的初衷。