Пометка ввода краев, не выровненная с текстом

Question

Во всех других браузерах заполнитель, содержащий ввод текста типа, начинается там, где курсор мерцает. Однако в Microsoft Edge текст заполнитель появляется перед курсором. Есть ли способ исправить это?

Ожидаемый результат:

результат Гурт:

Answer 1

Кажется, я нашел ответ (чем раньше я спросил его здесь ...)

Проблема в том, с Шрифтом- отступ собственности. Так или иначе, в Edge он перемещает курсор на неравном расстоянии от заполнителя. Использование

padding-left: 10px; 

вместо

text-indent: 10px; 

решает ISSE. Вот сценарий работы с обоими сценариями: jsfiddle