如何为右对齐添加空间<input>光标/插入符号和文本之间的元素？

Question

我有一个输入，当用户输入一个像 5,1 这样的值时，文本和光标/插入符号的关闭取决于字体：

在下面玩的示例代码。 尝试使用您自己的 fonts 以找到类似的，因为我无法分享图像中的那个。

 <input type="text" style="text-align: right; font-family: 'SuperSecret';" value="5.1" />

我怎样才能将两者分开一点？ 我不想以任何方式更改数据，因此不首选 JS 解决方案/黑客，例如在句尾添加空格字符。

---

编辑：正如已接受答案的评论中所讨论的，实际上不可能用 CSS 来做到这一点。

Answer 1

使用letter-spacing

 input { letter-spacing: 10px; }

 <input type="text" style="text-align: right; font-family: 'SuperSecret';" value="5.1" />

---

正如@zgood 的评论中所述，使用padding-right将在最后一个字符和输入字段的右侧之间添加一些空格；

 input { padding-right: 20px; }

 <input type="text" style="text-align: right; font-family: 'SuperSecret';" value="5.1" />