Html 当输入标记自动完成时,我们如何避免它们上的边框

Html 当输入标记自动完成时,我们如何避免它们上的边框,html,css,Html,Css,最近,我一直在为一个网站做一个表单,但我意识到输入标签在自动完成过程中得到了边框,即使我指定了border:none。。。如何解决这个问题我尝试了一些使用css伪类的解决方案,但从那时起就没有任何效果…我假设您使用的是Chrome。您提到的行为可以在Autofill上看到。如果假设正确,则使用以下方法获得所需的行为: input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus{ borde

最近,我一直在为一个网站做一个表单,但我意识到输入标签在自动完成过程中得到了边框,即使我指定了border:none。。。如何解决这个问题我尝试了一些使用css伪类的解决方案,但从那时起就没有任何效果…

我假设您使用的是Chrome。您提到的行为可以在Autofill上看到。如果假设正确,则使用以下方法获得所需的行为:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus{
border: none ! Important;
/* Some more desired behaviors */
}
请创建一个MCVE。您能提供您尝试过的内容吗?