自动填充 HTML input
元素是一种频繁的用户操作,可以极大地改善用户体验。地狱,我们都自动填写我们的密码和地址信息。但是当input
元素被自动填充时,我们有什么控制权呢?
要将自定义 CSS 样式添加到内容已由浏览器自动填充的输入,您可以使用:autofill
伪类:
输入:自动填充{ 边框:2px 纯橙色; }
我很高兴浏览器允许网站和应用程序开发人员自定义已被浏览器更改的元素的样式。在某种程度上,自动填充是一种不自然的行为,因此发出信号表明input
中的值在不受控制的情况下被更改是很重要的。
由于不同的浏览器和操作系统有时会以不同的方式设置自动填充元素的样式,因此:autofill
非常有用!
CSS :autofill这篇文章首先出现在David Walsh 博客上。