如何為右對齊添加空間<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" />