CSS текстовый отступ не работает в IE, когда ввод является длинным неразрывным словом

Question

простой элемент ввода с отступом текста.

<input style="text-indent:50px;width:100px"/>

При вводе Chrome длинное слово не будет влиять на отступ текста, например:

В то время как в IE11 стиль ломается как:

Как я могу решитьразница, чтобы они выглядели одинаково?

Answer 1

Вы можете попробовать использовать padding-left.Или попробуйте добавить line-height, чтобы text-indent работал в IE.

<input style="padding-left:50px;width:100px"/>
OR
<input style="text-indent:50px;width:100px;line-height:1"/>

https://jsfiddle.net/3jr5eypz/2/