Html Textarea占位符不适用于Chrome for Mac中的模糊

我对Chrome for Mac中的textarea元素有问题。 具体来说，当用户在其外部单击时，它不会恢复为原始占位符

这就是它目前的工作方式：

这就是它的工作原理：

css

html

---

请在Mac上用Chrome进行测试吗目前Firefox 4+、Chrome 4+、Safari 5+、Opera 11.6和IE10支持：：输入占位符伪元素。Firefox支持旧版本Firefox的伪元素和伪类。

textarea:focus::-webkit-input-placeholder 
{
    color: transparent;
}
textarea:focus::-moz-placeholder{
    color: transparent;
}
textarea:focus:-moz-placeholder{
    color: transparent;
}
input:focus::-webkit-input-placeholder 
{
    color: transparent;
}
input:focus::-moz-placeholder{
    color: transparent;
}
input:focus:-moz-placeholder{
    color: transparent;
}

<input placeholder="I am an input" />
<input placeholder="I am an input" />
<input placeholder="I am an input" />

<textarea placeholder="I am a textarea" cols="30" rows="5"></textarea>