问题：我为一些 div 添加了“tabindex”属性，以便可以通过 tab 键键盘导航访问它们。但是现在它通过在单击 div 时立即给出橙色顺序而给用户体验带来了不好的体验。我只想在用户使用键盘导航到 div 时才显示橙色边框，而不是在他单击它时显示。
按照说明问题的 JSFiddle 链接。该按钮将仅通过选项卡导航获得橙色边框，因为一旦单击 div 就会获得橙色边框。如何模拟按钮与 div 的类似行为？
注意：我知道将outline :nonecss 添加到 :focus 状态会删除轮廓，但是当用户使用键盘导航到 div 时它也会删除它。
有人可以帮我弄这个吗。提前致谢。:)