最新发布的 Chrome 83 对表单控件进行了视觉效果的更新,其中对焦点元素的处理引起了众人的关注,当文本输入框处于焦点以及选定下拉菜单中的选项时,浏览器会在它们周围显示一个“黑框”,以突出表单中的这些内容。
而此前的方式是,当诸如 <textarea>, <Select> 和 <input> 这些表单组件处于焦点时,Chrome 会显示蓝色或橙色的边框。现在显示的黑框不仅对用户造成视觉干扰,还让开发者感到苦恼,因为 Chrome 这个做法并没有遵守 CSS 规则
如果不想在 Chrome 中使用这个“黑框”效果,可以执行以下步骤:
1.打开 Chrome
2.在地址栏输入 chrome://flags/#form-controls-refresh
3.从下拉菜单中选择 "禁用",然后重启浏览器