小编典典

删除 Safari/Chrome 文本输入/文本区域发光

all

我想知道当我使用 CSS 单击文本输入/文本区域时是否可以删除默认的蓝色和黄色发光?


阅读 125

收藏
2022-04-01

共1个答案

小编典典

编辑(11 年后):除非您要提供后备以指示哪个元素处于活动状态,否则不要这样做。
否则,这会损害可访问性,因为它实质上会删除显示文档中哪个元素具有焦点的指示。想象一下,作为一个键盘用户,并不真正知道可以与什么元素进行交互。让可访问性在这里胜过美学。

textarea, select, input, button { outline: none; }

尽管如此,有人认为保持发光/轮廓实际上有利于可访问性,因为它可以帮助用户查看当前关注的元素。

您还可以使用伪元素 ‘:focus’ 仅在用户选择输入时定位输入。

演示:https
://jsfiddle.net/JohnnyWalkerDesign/xm3zu0cf/

2022-04-01