CSS3占位符悬停转换在Firefox中不起作用

Question

出于某种原因，我似乎无法让占位符转换与Firefox一起使用。这是一个CodePen示例。此示例包含:hover和:focus的占位符转换。两者都适用于Chrome，无法与Firefox配合使用。

Answer 1

除了需要the -moz prefix之外，我没有遇到任何问题。尝试：

h1 {
  color: #300;
  -moz-transition: color 2s;
  -webkit-transition: color 2s;
  -o-transition: color 2s;
  -ms-transition: color 2s;
  -transition: color 2s;
}
h1:hover {
  color: #933;
}

另一方面，您的情况也可能与an actual bug有关。