使用:在li或其他元素上使用焦点伪类,而不是输入,按钮等

Question

是否可以选择一个聚焦的元素,如:焦点或输入:焦点,但在另一个元素上,如div,li,span或其他？

如果不可能,如何用标签代替？我正在尝试修改li元素的高度,当它聚焦时,尝试使用a,但高度不会改变.

---

请求的信息:

"你能解释一下如何把重点放在LI身上？"

通过css选择器li:focus.请参阅https://jsfiddle.net/s4nji/Rjqy5/.

Answer 1

这很简单:只需tabindex向通常无法获得焦点的元素添加属性即可.

Answer 2

您无法关注列表项.甚至没有使用脚本.我已经尝试过,$("li:first").focus()但它没有做任何事情.CSS没有被设置好像它被聚焦一样.这只是意味着您要么无法聚焦列表项,要么:focus伪类对列表项不起作用.

将锚点放在列表项中

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

这似乎会集中您的列表项,但它实际上将关注锚标签.