Javascript 检测Firefox中的自动填充输入

我需要你的帮助

我做了一些材料设计，比如我的设计输入，但我有自动填充状态的问题

自动填充输入时（在输入中单击时），浮动标签不会移到顶部

我为Chrome解决了这个问题，因为Chrome有

：-webkit autofill

伪类，但是Firefox呢

这有什么黑客吗？一些JS技巧

---

谢谢。

您是否尝试使用

autocomplete=“off”

进行输入

---

我认为，

：-moz autofill

可能会取代

：-webkit autofill

，答案很简单，您只需检查输入值

$（this）.val（）它在FF中工作。
我今天刚刚玩了同一个问题，发现：
如果填充输入的css规则被分配给
：-webkit autofill
，后面跟着其他选择器，Firefox只会忽略整个规则集。
因此，我需要将其添加为单独的css规则，即使它们完全相同：

.bmd-input :focus ~ label,
.bmd-input .filled ~ label{
    color: rgba(66,66,66,1);
    font-size: 12px;
    top: 0;
    line-height: 24px;
    cursor: default!important;
}
.bmd-input input:-webkit-autofill ~ label,
.bmd-input textarea:-webkit-autofill ~ label{
    color: rgba(66,66,66,1);
    font-size: 12px;
    top: 0;
    line-height: 24px;
    cursor: default!important;
}
.bmd-input input:-moz-autofill ~ label,
.bmd-input textarea:-moz-autofill ~ label{
    color: rgba(66,66,66,1);
    font-size: 12px;
    top: 0;
    line-height: 24px;
    cursor: default!important;
} 

我尝试过，不幸的是，autocomplete=“off”被浏览器忽略，并且：-moz autofill当前不工作您有我的解决方法：