占位符的自定义

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