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

时间:2011-12-23 10:20:32

标签: css css-selectors pseudo-class

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

如果不可能,怎么用标签代替? 我试图修改一个li元素的高度,当它聚焦时,尝试用a,但高度不会改变。


请求信息:

  

“你能解释一下如何把重点放在LI上?”

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

2 个答案:

答案 0 :(得分:10)

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

答案 1 :(得分:6)

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

将锚点放在列表项

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

这似乎会集中你的列表项,但它实际上会聚焦锚标签。