边输入占位符未与文本对齐

Question

在所有其他浏览器中，我输入类型文本的占位符从光标闪烁的位置开始。但是，在Microsoft Edge中，占位符文本显示在光标之前。有什么方法可以解决这个问题吗？

预期结果：

边缘效果：

Answer 1

我似乎找到了答案（我在这里问的时间越早......）

问题在于text-indent属性。不知何故，在Edge中，它将光标移动到与占位符不相等的距离。使用

padding-left: 10px;

而不是

text-indent: 10px;

解决问题。这是两个场景的工作小提琴： jsfiddle