Mac Firefox中表格caption内按钮能否通过Tab键实现可聚焦？

Mac端Firefox对表格<caption>内的交互式元素存在默认焦点行为限制，导致Tab键无法自动聚焦到该区域内的按钮，而Chrome没有这个限制。你可以通过以下方式解决：

• 给按钮显式添加tabindex="0"属性，强制将其纳入Tab键的焦点遍历序列中：

  <caption>
    表格标题
    <button tabindex="0" onclick="showInfo()">显示信息</button>
  </caption>
  

• 检查页面CSS，确保没有给按钮设置pointer-events: none、opacity: 0这类会阻断交互或隐藏元素的规则，保证按钮的交互状态正常。

添加tabindex="0"后，Mac端Firefox就能像Chrome一样，通过Tab键正常聚焦到caption内的按钮了。

内容的提问来源于stack exchange，提问作者Siva Chaitanya