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

Question

Chrome for Mac中的textarea元素有问题。 具体来说，当用户在其外部点击时，它不会还原到原始占位符。

这就是它现在的工作方式：

这就是它应该如何运作：

Answer 1

<强> Demo

CSS

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;
}

HTML

<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>