Javascript “可能更改”;“已保存密码”;火狐的风格?

Javascript “可能更改”;“已保存密码”;火狐的风格?,javascript,html,css,firefox,Javascript,Html,Css,Firefox,我制作了一个登录页面,如下所示: 但当我在Firefox中保存登录数据时,它看起来是这样的: 那么,我可以吗?如果可以的话,我怎样才能摆脱这种黄色的色调,并可能产生我自己的效果呢?我找到一些帖子,上面说可以使用-webkit autofillpseudoclass进行更改,但这对我不起作用 代码段: 按钮{ 边界:无; 边界半径:2px; 框大小:边框框; 高度:25px; 保证金:5px; 填充:0; 大纲:无; 背景色:#0060df; 颜色:rgb(230230231); } .文本

我制作了一个登录页面,如下所示:

但当我在Firefox中保存登录数据时,它看起来是这样的:

那么,我可以吗?如果可以的话,我怎样才能摆脱这种黄色的色调,并可能产生我自己的效果呢?我找到一些帖子,上面说可以使用
-webkit autofill
pseudoclass进行更改,但这对我不起作用

代码段:

按钮{
边界:无;
边界半径:2px;
框大小:边框框;
高度:25px;
保证金:5px;
填充:0;
大纲:无;
背景色:#0060df;
颜色:rgb(230230231);
}
.文本输入{
高度:25px;
框大小:边框框;
边框:1px实心#5a5c;
边界半径:2px;
填充:0 5px;
保证金:5px;
背景色:#474749!重要;
颜色:rgb(230230231)!重要;
}
#登录表单{
显示器:flex;
弯曲方向:立柱;
填充:25px;
边界半径:2px;
背景色:#323234;
}

登录
Firefox,您可以订阅以跟踪实施状态

描述一种解决方法,该方法允许您检测何时发生自动填充,并通过复制自动填充的数据替换新元素以替换现有元素。

Firefox,您可以订阅以跟踪实施状态


描述一种解决方法,它允许您检测何时发生自动填充,并替换新元素以替换现有元素,复制自动填充的数据。

从用户体验的角度来看,这是一个坏主意。用户理解黄色意味着什么——为什么要更改它并混淆它们?我明白你的意思,但在这种情况下,它只是一个管理员登录,所以只有一个或几个人会使用它。此外,输入看起来已经不同了,如果用户看到自己的用户名,就会明白这是保存的登录数据。它看起来真的不太好,因为对焦时边框颜色变为蓝色。从用户体验的角度来看,这是一个坏主意。用户理解黄色意味着什么——为什么要更改它并混淆它们?我明白你的意思,但在这种情况下,它只是一个管理员登录,所以只有一个或几个人会使用它。此外,输入看起来已经不同了,如果用户看到自己的用户名,就会明白这是保存的登录数据。它看起来真的不太好,因为对焦时边框颜色变为蓝色。