如何将悬停效果添加到文本区域占位符？

Question

所以我有一个文本区域，像这样：

textarea::placeholder:hover {color:black;}

<textarea maxlength='220' placeholder='Say Something!'>
</textarea>

为什么这不起作用？

Answer 1

您需要先检查悬停在文本区域上。

textarea:hover::placeholder { 
  color: red;
}

<textarea maxlength='220' placeholder='Say Something!'>
</textarea>