专业建站系统 - 打造最好的网站内容系统!

http://www.youguanche.org

当前位置: 皇冠体育网投_皇冠体育线上网址 > 游戏 > 皇冠体育网址:谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽 皇冠体育网址:谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

皇冠体育网址:谷歌 Chrome 83 对表单控件和焦点元素的更新被吐槽

时间:2020-06-06来源: 作者:admin点击:
最新发布的Chrome83对表单控件进行了视觉效果的更新,其中对焦点元素的处理引起了众人的关注,当文本输入框处于焦点以及选定下拉菜单中的选项时,浏览器会在它们周围显示一个“黑框”,以突出表单中的这些内容。而此前的方式是,当诸如<textarea>,<Select>和<i

最新发布的 Chrome 83 对表单控件停止了视觉效果的更新,皇冠体育网址:此中对焦点元素的解决引起了世人的关注,当文本输入框处于焦点以及选定下拉菜单中的选项时,阅读器会在它们四周显示一个 “黑框”,以凸起表单中的这些内容。

而此前的体例是,当诸如 <textarea>, <Select> 和 <input> 这些表单组件处于焦点时,Chrome 会显示蓝色或橙色的边框。现在显示的黑框不但对用户形成视觉干扰,还闪开发者感到苦恼,由于 Chrome 这个做法并没有恪守 CSS 规则。

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

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

对于焦点元素的显示效果,开发团队本意是希望在任何环境下都能提供良好的可视效果,由于此前焦点元素的 outline 属性采用浅色计划时,若是它恰恰位于类似颜色的配景上,则很难被发现。

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

------分隔线----------------------------
相关内容
推荐内容