Html 按tab键时是否可以让:after伪元素获得焦点

Html 按tab键时是否可以让:after伪元素获得焦点,html,focus,tabindex,Html,Focus,Tabindex,我有一个h1元素,它有一个:在伪元素之后,当第一次按tab键时,这个h1元素将获得焦点,但当我再次按tab键时,焦点将转到下一个实元素,我如何使焦点转到伪元素 HTML: 我想让焦点转到这个16X16图像,可能吗?伪元素在之前和之后不可聚焦 如果您确实需要这个框是可聚焦的,那么您必须使它成为一个真正的元素,如果您不愿意污染标记,可以使用JS插入 <h1 class="title" tabindex="0">Some text</h1> title::after {

我有一个h1元素,它有一个:在伪元素之后,当第一次按tab键时,这个h1元素将获得焦点,但当我再次按tab键时,焦点将转到下一个实元素,我如何使焦点转到伪元素

HTML:


我想让焦点转到这个16X16图像,可能吗?

伪元素在
之前和
之后不可聚焦

如果您确实需要这个框是可聚焦的,那么您必须使它成为一个真正的元素,如果您不愿意污染标记,可以使用JS插入

<h1 class="title" tabindex="0">Some text</h1>
title::after {
   width: 16px;
   height: 16px;
   background: url('image')
}