如何仅在数字类型输入标签的右侧填充字母，不包括箭头

Question

当我尝试将padding-right应用于类型为 number 的input时，填充将应用于包括箭头的输入。但是，我的目的是在箭头和文字之间留出一定的距离。

代码

.steps {
  text-align: right;
}

<input type="number" step="0.01" class="steps">

这会导致文本非常接近箭头：

如何在字母和箭头之间留出间距？就像我只想letter-spacing到最后一个字母一样。

注意：为清楚起见，该问题似乎重复了，但是原始答案并未为跨浏览器提供解决方案。它仅提供了针对Chrome的修复程序，并建议隐藏FireFox的箭头，这对我来说不是一个选择。