используя: focus псевдокласс на li или другом элементе, кроме a, input, button и т. д. - PullRequest
10 голосов
/ 23 декабря 2011

Можно ли выбрать элемент, который сфокусирован, например a: focus или input: focus, но на другом элементе, таком как div, li, span или else?

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


Запрошенная информация:

«Не могли бы вы также объяснить, как вы фокусируете внимание на ЛИ?»

С помощью селектора CSS li:focus. См https://jsfiddle.net/s4nji/Rjqy5/.

Ответы [ 2 ]

10 голосов
/ 23 декабря 2011

Это просто: просто добавьте атрибут tabindex к элементам, которые обычно не получают фокус.

6 голосов
/ 23 декабря 2011

Вы не можете фокусировать элементы списка.Даже не используя скрипт.Я пытался сделать $("li:first").focus(), но это ничего не делает.CSS не устанавливается так, как если бы он был сфокусирован.Это просто означает, что вы либо не можете сфокусировать элементы списка, либо :focus псевдоклассы не работают с элементами списка.

Поместите якоря в элементы списка

<ul>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    <li><a href="#">...</a></li>
    ...
</ul>

Это будет на первый взглядСфокусируйтесь на элементе списка, но на самом деле он будет фокусироваться на тегах привязки.

...