html - 输入类型箭头旋转按钮非标准

Question

我正在查看 MDN for spinners (输入 type="number" 的箭头)，它说它是非标准的。我记得的方式是 MDN 也告诉你使用什么，但在这种情况下，它不是。 我的问题是，当我使用

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
}

它适用于 chrome 但不适用于 firefox。所以我猜测由于非标准它不适用，它的“标准”解决方法是什么？

Answer 1

input[type=number]::-webkit-inner-spin-button 当浏览器是 webkit 时，这将用作选择器，否则该选择器中没有任何样式将被应用。

input[type=number] {
  -moz-appearance: textfield;
  margin: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

<input type="number">