问题我为某些div添加了“tabindex”属性，以便可以通过Tab键键盘导航访问它们。但是现在，只要单击div，就会通过发出橙色订单来提供糟糕的用户体验。我想仅在用户使用键盘导航到div时才显示橙色边框。
以下JSFiddle链接说明了这个问题。该按钮只能通过标签导航获得橙色边框，因为div一旦点击就会得到橙色边框。 如何模拟按钮与div的类似行为？
注意：我知道将outline :none css添加到：焦点状态会删除轮廓，但是当用户使用键盘导航到div时它也会删除它。 / p>
有人可以帮我解决这个问题。 提前致谢。 ：）