html - 如何将悬停效果添加到 textarea 占位符？

Question

所以我有一个文本区域，如下所示：

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

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

为什么这不起作用？

标签： htmlcsshovertextareaplaceholder

Answer 1

您需要先检查是否悬停在 textarea 上。

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

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