在表单提交,验证后的其他文本和视觉辅助工具中,我将输入框涂成红色以表示需要注意的交互式区域。
在Chrome(针对Google工具栏用户)上,自动填充功能将我的输入表单重新着色为黄色。这是一个复杂的问题:我希望在表单上允许自动完成功能,因为它可以加快用户登录的速度。如果/当触发错误时,我将检查是否可以将自动完成功能关闭,但是这很复杂一点编码来以编程方式关闭页面上单个受影响的输入的自动完成功能。简而言之,这将是一个头疼的问题。
因此,为避免发生该问题,有没有更简单的方法可以阻止Chrome重新为输入框重新着色?
[edit]我尝试了下面的!重要建议,但没有任何效果。我尚未检查Google工具栏,以查看!important属性是否适用于此。
据我所知,除了使用autocomplete属性(确实起作用)之外,没有任何其他方法。
我知道在Firefox中,您可以使用属性autocomplete =“ off”禁用自动完成功能。如果此方法在Chrome中有效(未经测试),则遇到错误时可以设置此属性。
这可以用于单个元素
<input type="text" name="name" autocomplete="off">
…以及整个表格
<form autocomplete="off" ...>