1

<input type="text" style="text-indent:2em" />

查看demo

这里无论是input元素还是textarea，或是其它设置了contentEditable=”true”的元素，都能必现这个bug。

IE各版本，Firefox均正常，只要chrome和safari等webkit内核的浏览器才有这个问题。

这里百思不得其解，也尝试了很多方法，均无效。

后来和小李刀刀、poor聊到这个问题，突然想到:empty伪类，立刻测试，果然可以处理——虽然只是曲线模仿处理…

1

input[type="text"]:empty{padding-left:2em;}