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。所以我猜测由于非标准它不适用，什么是＆＃34;标准＆＃34;解决方法吗？

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">

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

1 个答案: