我有一个页面,有时在页面加载时需要将焦点放在特定链接上。这是我在做什么的基本实现:
$(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中可见吗?