You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

w3schools称iframe:focus有浏览器默认样式 是否属于内容错误?

问题核心原因

w3schools的记载不属于完全错误,仅存在描述场景不全的问题,iframe:focus规则是有效的,但仅在特定条件下才会触发,测试时未触发是因为没有满足对应前置条件。

  • iframe本身支持获取焦点,默认不进入tab导航序列的原因是:无tabindex属性的iframe默认不具备可聚焦性,你需要给iframe标签添加tabindex="0"属性,才能将其加入正常的tab导航序列,此时按tab导航到该元素,或是调用JS的.focus()方法,都能触发iframe:focus伪类,匹配对应的CSS规则。
  • 测试用的src="about:blank"空白iframe,或是加载了跨域内容的iframe,若未显式设置tabindex,tab导航会直接将焦点移入iframe内部文档的可聚焦元素,此时焦点属于iframe内部的DOM节点,不属于父页面的iframe元素,因此父页面定义的iframe:focus规则不会匹配生效。
  • 浏览器默认样式中的iframe:focus { outline: none; }规则,是为了覆盖
相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.26 01:06:06