html - 自定义占位符

Question

好吧，我正在尝试在悬停时更改占位符的颜色...

CSS

#principal form label textarea::-webkit-textarea-placeholder:hover {
    color:#2278CE;
}

HTML

<textarea cols="93" rows="15" maxlength="1000" placeholder="Write here."></textarea>

我需要知道它是否正确，如果不正确，该怎么办。

Answer 1

唯一的变化是 :hover 的位置。您必须在::-webkit-input-placeholder 之前使用 :hover 伪元素。试试这个:

textarea:hover::-webkit-input-placeholder
{
  color:#2278CE;
}