Edge/Chrome 83新表单控件启用玄色边框 给用户带来困扰
伴随着Edge/Chrome83对表单控件的更新,这些基于Chromium的浏览器目前在访问大多数网站下拉菜单中的焦点输进文本字段和已选定的选项都会显示玄色边框。通常情况下,Chrome浏览器在聚焦的时候<textarea>、<Select>以及<input>等表单字段会显示蓝色或者橙色边框。
不过现在Chrome显示了玄色的边框,给用户带来了视觉上的困扰。这个题目也让开发者比较苦恼,由于Chrome浏览器并没有遵守谷歌自己设定的CSS规则。
MicrosoftEdge和GoogleChrome团队合作,为开源浏览器Chromium带来了更现代化的表单控件。更新后的表单控件已经在目前的Chrome83和Edge83版本中上线,此外对轻松访问、触控和键盘操纵进行了优化。但是刷新后的表单控件这个玄色边框引起了用户和开发者的困扰。
为了进步明暗背景下的可见性,焦点指示器或焦点环现在使用了一个厚厚的暗环,并加进了较薄的白线。这可能是造成现在的黑边框的原因。已经有人创建了一个bug,将这个题目提交给Chromium团队审核。
该题目描述为:“自从表单控件刷新以来,Chrome似乎忽略了使用逻辑属性的CSS边框规则,总是在<textarea>组件四周显示玄色边框”。目前这个题目已经标记为“regression”,Chromium团队成员进一步表示这个题目已经得到修复,在Chrome84Dev通道版本中已经不存在了。
假如你想要在Chrome浏览器中移除这个黑边框,可以按照以下步骤进行
1.启动Chrome浏览器
2.访问chrome://flags/#form-controls-refresh。
3.从下拉菜单中选择"禁用",然后重新启动浏览器。