Можно ли позволить: после псевдоэлемента получить фокус при нажатии вкладки

У меня есть один элемент h1, который имеет псевдоэлемент :after, при первом нажатии табуляции этот элемент h1 получит фокус, но когда я снова нажму табуляцию, фокус перейдет к следующему РЕАЛЬНОМУ элементу, как я могу сделать так, чтобы фокус перешел к псевдоэлемент?

HTML:

<h1 class="title" tabindex="0">Some text</h1>

CSS:

title::after {
   width: 16px;
   height: 16px;
   background: url('image')
}

Я хочу сфокусироваться на этом изображении 16X16, возможно ли это?


focus html tabindex
person richie    schedule 23.07.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Псевдоэлементы ::before и ::after не фокусируются.

Если вам абсолютно необходимо, чтобы это поле можно было сфокусировать, вам придется сделать его реальным элементом, возможно, вставленным с помощью JS, если вы не чувствуете себя комфортно, загрязняя свою разметку.

person BoltClock    schedule 23.07.2015