我有一个h1元素，在pseudo元素后面有一个：，当我第一次按tab键时，这个h1元素将获得焦点，但是当我再次按tab键时，焦点将转到下一个REAL元素，我如何使焦点转到pseudo元素？
超文本：
<h1 class="title" tabindex="0">Some text</h1>CSS：
title::after {
width: 16px;
height: 16px;
background: url('image')
}我想把焦点转到这张16X16的图片上，可以吗？
2条答案
按热度按时间s8vozzvw1#
::before和::after伪元素不可聚焦。如果你绝对需要这个框是可聚焦的，你必须使它成为一个真实的的元素，如果你不愿意污染你的标记，可以使用JS插入。
r1wp621o2#
***不是很有经验***但是如果你把伪元素合并到一个标签中，它将成为标签的一部分，因此可以被聚焦。我在注册表单末尾的“服务条款”复选框中使用这个。如果你把旧的复选框变小，并把它放在新的绝对位置的复选框下面，你甚至可以得到正确的验证提示工具提示！