chrome是否支持activex控件_谷歌Chrome 83对表单控件和焦点元素的更新被吐槽

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

1b536c33271f2e8bec11ffc9e74f7179.png

而此前的方式是,当诸如 , 和 这些表单组件处于焦点时,Chrome 会显示蓝色或橙色的边框。现在显示的黑框不仅对用户造成视觉干扰,还让开发者感到苦恼,因为 Chrome 这个做法并没有遵守 CSS 规则。

10c95389ab4f0513788d065129184467.png

对于这个问题,已经有人向 Chromium 团队提交了 issue,该 issue 的描述为:“自更新表单控件以来,Chrome 似乎忽略了使用逻辑属性的 CSS 边框规则,总是在 等组件处于焦点时显示黑框”。此问题目前已被标记为“regression”,Chromium 团队成员进一步表示问题已经得到修复,将在 Chrome 84 Dev 中应用修复后的更新。

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

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

9f20da8e188229e4637fdb3b066aabf6.png

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

ce9bba4e4f2e1eaa85d2bc78ea802e45.gif

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

打开 Chrome,在地址栏输入
chrome://flags/#form-controls-refresh,从下拉菜单中选择 "禁用",然后重启浏览器。

5ec40ee32cdb20a43251cc9342b28e54.png

说完了,“在看”在哪里?

9a2f33c6dd8f3297c3fb75576ab681f0.png

30769cde713679d4811d63a97b7ec252.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值