<li>元素的光标位置

Question

我在光标位置上遇到了一些麻烦。如下面的屏幕截图所示，光标位于电子邮件地址的前面。但是，我希望它在电子邮件地址的右侧。

我使用的是Button

我检查了其他解决方案，并尝试了position:absolute。它会导致光标位置正确，但是当我单击其他位置时，电子邮件会消失。这似乎是chrome 80的问题（在其他浏览器上正常工作）。我想知道是否还有其他方法可以达到这样的效果：