谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

小笨 2020年6月5日22:34:50 发表评论 95 views

最新发布的 Chrome 83 对表单控件进行了视觉效果的更新,其中对焦点元素的处理引起了众人的关注,当文本输入框处于焦点以及选定下拉菜单中的选项时,浏览器会在它们周围显示一个 “黑框”,以突出表单中的这些内容。

谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

而此前的方式是,当诸如

谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

对于这个问题,已经有人向 Chromium 团队提交了 issue,该 issue 的描述为:“自更新表单控件以来,Chrome 似乎忽略了使用逻辑属性的 CSS 边框规则,总是在

据了解,此次对表单控件和焦点元素的更新由微软 Edge 团队和 Chrome 团队合作完成,并已应用到 Microsoft Edge 83 和 Chrome 83 中。更新主要体现在可访问性、触摸和键盘支持等方面。

对于焦点元素的显示效果,开发团队本意是希望在任何情况下都能提供良好的可视效果,因为此前焦点元素的 outline 属性采用浅色方案时,如果它恰好位于相似颜色的背景上,则很难被发现。

谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

在更新表单控件的同时,开发团队为了改进浅色和深色背景下焦点的可见性,焦点显示器使用了一个粗的暗黑边框,然后再为焦点元素的 outline 属性加上细的白色边框。最终就有了上面的焦点元素显示效果。

谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

如果不想在 Chrome 中使用这个 “黑框”效果,可以执行以下步骤:

  1. 打开 Chrome

  2. 在地址栏输入 chrome://flags/#form-controls-refresh

  3. 从下拉菜单中选择 " 禁用",然后重启浏览器

谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

文章来源于互联网:谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

weinxin
【微信~支付宝~QQ】打赏
如果本文对你有所帮助,请打赏~1元就足够感动我
小笨

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: