chrome浏览器自动填充密码的字号设置不生效

问题

刷新浏览器初始化字号很小
chrome浏览器自动填充密码的字号设置不生效_第1张图片
随便点击一下就会恢复我设置的字号大小
chrome浏览器自动填充密码的字号设置不生效_第2张图片

原因

给表单设置自动填充 autocomplete=“on” 后,chrome会默认给自动填充的input表单加上 input:-webkit-autofill 私有属性

解决办法

方法一,对私有属性设置样式(没成功)

input:-webkit-autofill::first-line {
	font-size: 20px;
}

方法二,关闭自动填充

试了官方的 autocomplete=“off” 无效, autocomplete=“new-password” 成功了

<input type="password" data-bind="value:p" autocomplete="new-password" placeholder="密码" />

chrome浏览器自动填充密码的字号设置不生效_第3张图片

你可能感兴趣的:(chrome,前端,javascript)