У меня есть текстовое поле, которое принимает числовые значения, я хочу, чтобы курсор перемещался с правой стороны, когда пользователь фокусируется на текстовом поле или вводит в него что-либо.

Разметка HTML

<input type="text" class="numericBox" tabindex="0" value="0.00">

CSS

.numericBox{
 text-align:right;
}

Демонстрация скрипки

Я пробовал direction:rtl свойство CSS, но я думаю, что это не то же самое. Любое предложение с jQuery или чистым CSS/CSS3 будет оценено.

Благодарю вас.