Наведення курсору CSS3 Placeholder переходу не працює в Firefox [дублікат] - html, css, html5, css3

З якихось причин я не можу отримати переходи заповнювача для роботи з Firefox. Ось такий CodePen наприклад. Цей приклад містить переходи для обох :hover і :focus. Обидва вони працюють з Chrome, і не працюють з Firefox.

Відповіді:

У мене не було проблем, окрім необхідності в -moz префікс. Спробуйте:

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

З іншого боку, ваша ситуація може бути пов'язана з фактична помилкатеж.