邊緣輸入佔位符與文本不對齊

在所有其他瀏覽器中，我的輸入文本類型的佔位符在光標閃爍的位置開始。但是，在Microsoft Edge中，佔位符文本出現在光標之前。有沒有什麼辦法解決這一問題？邊緣輸入佔位符與文本不對齊

預期的結果：

邊緣結果：

請創建一個簡短的工作示例或小提琴。我們無法調試圖像。 –

我似乎找到了答案（我問在這裏越快......）

的問題是與文本的縮進屬性。以某種方式在Edge中，它將光標移動到距佔位符不等的距離處。使用的

padding-left: 10px;

代替

text-indent: 10px;

解決ISSE。這裏有一個工作小提琴與兩種情況： jsfiddle

2016-12-01 13:04:08

回答