//为什么不直接就用input,那是因为这样会覆盖checkbox和radio的样式,我们这里只需要清除输入框的谷歌样式
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"]{box-shadow: inset 0 0 0 100vw white!important;//覆盖见鬼了的谷歌输入框样式
}
也可以用下面的方式
input[fuck-chrome]{box-shadow: inset 0 0 0 100vw white!important;//覆盖见鬼了的谷歌输入框样式
}
然后在需要去掉该死的谷歌浏览器填充样式的input节点加入fuck-chrome即可
故事背景:有一天,强哥整了个动态渲染的列表代码如下 app.component.html