我想知道当我使用 CSS 单击文本输入/文本区域时是否可以删除默认的蓝色和黄色发光?
编辑(11 年后):除非您要提供后备以指示哪个元素处于活动状态,否则不要这样做。 否则,这会损害可访问性,因为它实质上会删除显示文档中哪个元素具有焦点的指示。想象一下,作为一个键盘用户,并不真正知道可以与什么元素进行交互。让可访问性在这里胜过美学。
textarea, select, input, button { outline: none; }
尽管如此,有人认为保持发光/轮廓实际上有利于可访问性,因为它可以帮助用户查看当前关注的元素。
您还可以使用伪元素 ‘:focus’ 仅在用户选择输入时定位输入。
演示:https ://jsfiddle.net/JohnnyWalkerDesign/xm3zu0cf/