在 Mozilla 上输入 type="number" 内部微调器样式（最近一期）

【问题标题】：How can I adjust the Input type="number" inner spinner style on Firefox在 Mozilla 上输入 type="number" 内部微调器样式（最近一期）
【发布时间】：2017-09-01 17:22:17
【问题描述】：

我整天都在尝试删除 Mozilla Firefox Developer Edition 上输入 type="number" 中的“向上”和“向下”按钮，我尝试了我可以在这里找到的所有 CSS 样式，否则，但仍然无法隐藏它们。

我正在开发 FF Developer build 54.0a2，在以前的版本中使用该 css 效果很好：

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

如果你能帮助我，谢谢:)

【问题讨论】：

标签： css html firefox input html5-input-number

【解决方案1】：

如果您愿意，可以使用以下（或类似的）跨浏览器 hack - 如果您做得好，没有人会看到这些箭头的存在：

.hidearrows {
  position:absolute;
  display:inline-block;
  margin-left:-21px;
  background-color:#fff;
  z-index:10;
  height:20px;
  width:20px;
  margin-top:1px;
}

&lt;input type="number" value="1" step="1" value="1" /&gt;&lt;span class="hidearrows"&gt;&lt;/span&gt;

https://jsfiddle.net/6c3brbjo/

【讨论】：

这不是跨浏览器，它在 Chrome 上无法正常工作。我不是在寻找这样的“黑客”，我在寻找的是：为什么它在两周前有效，而今天却没有。并找到一个实际的解决方案。
它可以在 Chrome 上运行吗？但是 - 是的，这是一种解决方法。如果它在两周前与外观属性一起工作，现在不是你可能应该联系 Firefox 开发团队并询问这个问题（在这里猜猜它）：bugzilla.mozilla.org