问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
你好,欢迎来到懂视!登录注册
当前位置: 首页 - 正文

交互元素的「:focus-visible」

发布网友 发布时间:2024-10-19 23:13

我来回答

1个回答

热心网友 时间:2024-11-29 23:53

在VEUI这个基于Vue.js的百度商业系统组件库中,我们已经开发了一段时间,期间遇到了一些挑战,其中包括对`:focus-visible`的关注。`:focus-visible`是CSS Selectors Level 4草案中的一个特性,同时也是WICG项目的一部分。它旨在帮助开发者更好地控制元素在聚焦时的视觉呈现。

以Ant Design的按钮为例,当点击一个按钮时,它会匹配`:focus`状态,显示组件的聚焦样式。然而,在按钮组中,这可能导致用户产生误以为按钮被选中的感觉。Ant Design的例子突显了注重细节的项目在处理键盘访问时的考虑。相比之下,很多组件库未充分考虑此类交互,从而引发问题。

然而,Chrome的原生按钮在点击后通常不会显示可视聚焦样式,只有在使用键盘时才会显现。这促使开发者提出一个新伪类的需求,以控制聚焦状态的视觉样式。`:focus-visible`这个名字来源于Chrome对键盘焦点的“环”样式的逻辑,但后来改名以明确其视觉效果。WICG/focus-visible提供了polyfill,但不同浏览器对此处理方式各异,比如Firefox/Safari不会给点击事件后的元素添加焦点。

在决定何时需要视觉焦点提示时,关键在于非随机访问的情况。我的观点是,当元素在非随机访问时获取焦点,`:focus-visible`就足够了。VEUI的默认样式包veui-theme-one已经依赖了这个polyfill,目标是提供最佳的用户体验。尽管VEUI尚在alpha内测阶段,我们期待未来的正式发布能得到大家的支持与认可。
声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。
E-MAIL:11247931@qq.com
我要买狗!!!高手来!!!人在天津 93年,骗子一人设局卖掉河北1座大桥,被捕后大笑:他们真去拆了 看了很多狗,不知道为什么我就是喜欢京巴,真的超可爱,找了很多地方都没... 植物大战僵尸魔幻版怎么安 怎么下载植物大战僵尸魔幻最新版 植物大战僵尸魔幻版中文版下载 植物大战僵尸魔幻版中文在哪下载 以闪亮之名体验服官方正版如何下载 以闪亮之名 以闪亮之名内测版什么时候上线? 两个三角形放在一起,重叠部分的面积占小三角形3分之一,占大三角形的... 跪求一本言情小说类似《我的黏人穿越小老公》 为什么我的屁股尖上这一部分(两边),皮肤这么枯燥(有一些干燥的死皮... 交通事故赔偿营养费标准 我的惠普4326s笔记本只有一个C盘500G,和F盘2G.是否可以分割多个盘_百... 我的惠普4326s可以玩像天下贰这样的3D游戏吗?大概一次可以玩多久... 惠州市第八中学初一招生 请问教育局长 为什么对前两批市骨干教师,什么奖励都没有 惠州市第八中学办学历程 爸爸在浇花怎么扩句 樱桃树扦插多久能生根 樱桃树插条生根所需时间 惠州市第八中学历届校长 年龄大的人可以戴枣红色的围巾 45岁适合什么围巾 选对围巾才不会显老 和平精英火箭刷新地点在哪里_和平精英火箭刷新地点介绍 和平精英火箭发射器在哪里介绍_和平精英火箭发射器在哪里是什么 你看。。。 它的 。。它的 。。它的 。。。而它。。。 造句_百度... 它的造句有哪些 ...用电脑做图常用软件有3dmax lumion显卡选丽台Q600好还是华硕7850好... 我想学习GPU编程,需要配置一台相应的电脑。不知道大家有何建议?_百 ... GPU编程3:CUDA环境安装和IDE配置 【腾讯科技】微信安全中心提醒:微信号,已成功通过申诉找回密码。新 我申请了微信找回密码,腾讯科技回复我知道新的微信号和密码,我登陆显示... 关于乳铁蛋白正确吃法(乳铁蛋白正确吃法) 白花鬼灯笼各地别名 白花灯笼特点 鬼点火加枸杞根有什么功效 把共和国之辉在电脑上卸载了,U盘上还能不能玩? 红色警戒2共和国之辉怎样下载到U盘 红警2共和国之辉如何压缩到笔记本电脑?具体怎么做? 红警2共和国之辉局域网连接问题 骨折后医院开的药吃完了,自己能买点三七片吃吗 ...由于资金不好,有5个月没还贷款了,会上银行黑名单吗 贵州宏利厨房设备有限公司怎么样? 为何从游迅网上下载红警共和国之辉到XP系统上不能玩? 柠檬里面的籽发芽了还能吃吗 用浩方玩共和国之辉的话,是不是要下载浩方专用的共和国之辉? 我家有两台电脑 但是1.5cs跟红警2共和国之辉 都不能连线时怎么回事 有... 怎样在公司局域网连接 红色警戒2共和国之辉,cs可以连接但是这个却不能... 红警2共和国之辉不能两台机子连起来玩,怎么办? 鲜嫩的笋肉什么颜色
  • 焦点

最新推荐

猜你喜欢

热门推荐