Firefox中的页面加载未显示聚焦环

时间:2018-09-14 14:51:27

标签: javascript html firefox accessibility

我有一个页面,有时在页面加载时需要将焦点放在特定链接上。这是我在做什么的基本实现:

$(document).ready(function() {
  $('.oprah').focus();
});
.oprah {
  border: 1px solid #cecece;
  border-radius: 50px;
  padding: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<a href="//www.oprah.com" target="_blank" class="oprah">Oprah!</a>

在Chrome浏览器中,此操作可以正常进行,链接周围可见可见的聚焦环。但是,在Firefox中,聚焦环不可见。在控制台中检查document.activeElement时,链接确实具有焦点。我还需要做些其他事情来使焦点环在页面加载时在Firefox中可见吗?

0 个答案:

没有答案