分类
科技文章

让div可以使用:focus伪类

:focus伪类默认只能用于input类元素,可以通过给div设置tabindex属性,即可应用:focus伪类

<div id="focus-example" tabindex="0">
  <div>Focus me!</div>
  <div class="extra">Hooray!</div>
</div>
#focus-example > .extra {
  display: none;
}
#focus-example:focus > .extra {
  display: block;
}

注:可以使用outline: none去掉框选效果

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注