设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 数据 手机
当前位置: 首页 > 创业 > 点评 > 正文

[图]Edge/Chrome 83新表单控件启用黑色边框 给用户和开发者带来困扰

发布时间:2020-06-02 21:43 所属栏目:27 来源:互联网
导读:6·18活动已全面开启 大促活动入口汇总: 京东6·18十七周年庆大促主会场入口 最高可领618元红包 2020天猫6·18超级红包在此领取 6月1日追加40亿元消费券 阿里云6·18上云年中大促 点击领取最高12000元红包 不过现在Chrome显示了黑色的边框,给用户带来了

6·18活动已全面开启 大促活动入口汇总:

京东6·18十七周年庆大促主会场入口 – 最高可领618元红包

2020天猫6·18超级红包在此领取 6月1日追加40亿元消费券

阿里云6·18上云年中大促 点击领取最高12000元红包

[图]Edge/Chrome 83新表单控件启用黑色边框 给用户和开发者带来困扰

不过现在Chrome显示了黑色的边框,给用户带来了视觉上的困扰。这个问题也让开发者比较苦恼,因为Chrome浏览器并没有遵守谷歌自己设定的CSS规则。

Microsoft Edge和Google Chrome团队合作,为开源浏览器Chromium带来了更现代化的表单控件。更新后的表单控件已经在目前的Chrome 83和Edge 83版本中上线,此外对轻松访问、触控和键盘操作进行了优化。但是刷新后的表单控件这个黑色边框引起了用户和开发者的困扰。

[图]Edge/Chrome 83新表单控件启用黑色边框 给用户和开发者带来困扰

为了提高明暗背景下的可见性,焦点指示器或焦点环现在使用了一个厚厚的暗环,并加入了较薄的白线。这可能是造成现在的黑边框的原因。已经有人创建了一个bug,将这个问题提交给Chromium团队审核。

该问题描述为:“自从表单控件刷新以来,Chrome似乎忽略了使用逻辑属性的CSS边框规则,总是在<textarea>组件周围显示黑色边框”。目前这个问题已经标记为“regression”,Chromium团队成员进一步表示这个问题已经得到修复,在Chrome 84 Dev通道版本中已经不存在了。

如果你想要在Chrome浏览器中移除这个黑边框,可以按照以下步骤进行

1. 启动Chrome浏览器

2. 访问chrome://flags/#form-controls-refresh。

[图]Edge/Chrome 83新表单控件启用黑色边框 给用户和开发者带来困扰

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

本文素材来自互联网

(编辑:ASP站长网)

    网友评论
    推荐文章
      热点阅读