css - 光标位置没有出现在文本输入中？

Question

在我的 asp.net MVC 应用程序中，我使用 HTML 文本输入，同时我应用样式来格式化 currecy 值，并且我希望它右对齐以便我也应用样式。

但是光标没有出现在文本框中？可能的原因是什么，请提供解决方案？

HTML

<input type="text" class="OnlyMoney" />

脚本

$(document).ready(function () {
       $("input[type=text].OnlyMoney").live('keydown', currenciesOnly)
           .live('blur',
           function() { $(this).formatCurrency(); });

   });

CSS

.OnlyMoney { text-align: right; }

注意：如果我更改上述样式“文本对齐：左”，则光标在文本框中可见。

Answer 1

我遇到了类似的问题并添加padding解决了我的问题。只需为您的班级提供一些填充权.OnlyMoney并检查

CSS：

 .OnlyMoney { text-align: right; padding: 0 2px 0 0; }