火狐：转移占位符不透明度(Firefox: Transition placeholder opaci

我想让输入占位符使用平稳过渡褪色的重点，但不能让它在FF工作。

<input type="text" placeholder="some cool text"/>

input:focus::-moz-placeholder {
    opacity: 0.1;
}
input::-moz-placeholder {
    opacity: 1;
    transition: opacity 1s;
}
input::-moz-placeholder {
    opacity: 1;
}
input:focus::-webkit-input-placeholder {
     opacity: 0.1;
}

小提琴

在Chrome中工作正常，但不是在FF。 占位符焦点改变不透明度为目的，但1S过渡不会出现。 它也肯定是在IE浏览器无法正常工作

编辑：显然，它在FF的最新版本中的错误（20.0.1）

Answer 1:

如何做这样的吗？ 而不是使用的opacity ，切换色调

演示

<input type="text" placeholder="some cool text"/>

input[type=text]:-moz-placeholder {
color: #000;
transition: color 1s;
}

input[type=text]:focus:-moz-placeholder {
    color: #aaa;
}

input[type=text]::-webkit-input-placeholder {
    color: #000;
    transition: color 1s;
}

input[type=text]:focus::-webkit-input-placeholder {
    color: #aaa;
}

当然，你可以使用opacity ，如果你想，但你可以自己看到的结果，并决定什么是对你更好， 不透明度演示

注意：使用::-moz-placeholder支持+19版

文章来源: Firefox: Transition placeholder opacity