文本区域焦点在镶边上不起作用

Question

我正在尝试实现一个带有单击焦点的文本区域，该文本区域删除了占位符文本。它可以在Firefox和IE中工作，但不能在Chrome中工作。不知道我是否在这里做了一些愚蠢的事情...

.HTML：

<textarea id="bio" name="user_bio" placeholder="Hi, I am a member of Footdrive!"></textarea>

.CSS：

/*Input fields focus and text transparency*/
input:focus::-webkit-input-placeholder {
    color: transparent;
}
input:focus:-moz-placeholder {
     color: transparent;
}
 input:focus::-moz-placeholder {
     color: transparent;
}
 input:focus:-ms-input-placeholder {
    color: transparent;
}

/*Biography field focus and text transparency*/
textarea:focus::-webkit-textarea-placeholder {
    color: transparent;
}
textarea:focus:-moz-placeholder {
    color: transparent;
}
 textarea:focus::-moz-placeholder {
    color: transparent;
}
textarea:focus:-ms-textarea-placeholder {
    color: transparent;
}

Answer 1

正确的解决方案与输入相同：

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

Answer 2

你可以试试：

textarea:focus::-webkit-textarea-placeholder {
    content: "";
}