Javascript 无法在Safari上使用tab键导航对焦按钮

您能否告诉我，在safari浏览器中使用

选项卡时，为什么焦点不转到按钮或不指示焦点在按钮上

在铬合金中，它工作得很好。问题出现在SAFARI浏览器上

这是我的密码

准备复制

聚焦到第一个输入字段，然后按两次“聚焦应转到”按钮。在chrome中，它正在运行。但safari不运行为什么
我已经做了以下回答：不工作？
Safari默认情况下未启用tabindex

请参阅此线程：
Safari默认情况下未启用tabindex

查看此线程：
，因为Mac（和Safari）都默认只允许您在文本框和列表中使用tab键



来源：
因为Mac（和Safari）都默认只允许您在文本框和列表中使用tab键



来源：
我做了这些步骤，你能看到
按钮吗
focus我已经做了上面的步骤。但是没有严重的CSS错误。最重要的是我不会改变这个东西
按钮：焦点，a:focus{轮廓偏移量：2px；轮廓宽度：2px！重要；轮廓样式：虚线！重要；轮廓颜色：currentColor；}
我可以覆盖但更改它是否在您这边工作？我执行了此步骤，您是否能够看到
按钮
焦点我已经执行了上述步骤。但没有高调CSS中的某些错误。最重要的是我不会改变这个东西
按钮：focus，a:focus{轮廓偏移量：2px；轮廓宽度：2px！重要；轮廓样式：虚线！重要；轮廓颜色：currentColor；}
我可以覆盖但改变它在你这边工作吗？这回答了你的问题吗？不@Martin我已经完成了给定的步骤。。你能看到焦点o按钮吗？你的元素肯定都有一个非负的标签索引属性集？这回答了你的问题吗？不@Martin我已经完成了给定的步骤。。你能看到焦点o按钮吗？你的元素肯定都有一个非负的标签索引属性集？
.App {
  font-family: sans-serif;
  text-align: center;
}

/* .js-focus-visible :focus:not(.focus-visible) {
  outline: 0;
} */

button:focus,
a:focus {
  outline-offset: 2px;
  outline-width: 2px !important;
  outline-style: dotted !important;
  outline-color: currentColor;
}

.App button:focus,
.App a:focus {
  outline: none !important;
}
.App button:focus-visible,
.App a:focus-visible {
  outline-offset: 2px;
  outline-width: 2px !important;
  outline-style: dotted !important;
  outline-color: currentColor;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none !important;
}

/*
  Optionally: Define a strong focus indicator for keyboard focus.
  If you choose to skip this step then the browser's default focus
  indicator will be displayed instead.
*/
.js-focus-visible .focus-visible:focus-visible {
  outline-offset: 2px;
  outline-width: 2px !important;
  outline-style: dotted !important;
  outline-color: currentColor;
}